如何从iPad中的javascript停止Youtube视频(不是HTML5)

时间:2012-02-18 05:54:14

标签: javascript jquery youtube

我在HTML5中创建了一个应用程序,为i​​Pad创建了javascript。 我在页面中放置了链接,点击它会显示/隐藏不同的YouTube视频。

Here is code

  • 在ipad中如果我隐藏了一个youtube视频并在当时显示另一个视频,之前的视频会继续在后台播放,直到新视频加载为止。
  • 我希望在另一个视频加载之前停止播放以前的视频。

(我正在使用最新的iOs,在即时播放器中播放youtube视频。)

2 个答案:

答案 0 :(得分:0)

QuickTime向JavaScript公开了许多方法。有些采用对电影进行操作的命令形式,例如Play()Stop()Rewind()等。其余部分对QuickTime的属性,QuickTime插件,电影或曲目进行操作。可以使用互补的Get和Set方法读取或写入大多数这些属性。其他属性(如QuickTime版本)是只读的。

您可以找到很多信息here

答案 1 :(得分:0)

下面

DEMO

var vids = {
    vid1:"http://www.youtube.com/embed/87O_YA4rLyk",
    vid2:"http://www.youtube.com/embed/nQ2TsPhsWTA"
}    
$(function(e) {
  $(".video-section ul li").click(function(e) {
    $(this).hide();
    $(this).siblings().show();
    $("#vid").attr("src",vids[this.id]);
  });  
  $("#vid1").click();
});

<div class="videoContain-big">
  <p>
    <iframe id="vid" width="560" height="315" src="about:blank" frameborder="0" allowfullscreen></iframe>
  </p>
</div>
<div class="video-section">
  <ul>
    <li id="vid1">Click here to Change Video 1</li>
    <li id="vid2">Click here to Change Video 2</li>
  </ul>
</div>