如何在ipad上控制Apple视频播放器（嵌入iframe和html5 vimeo解决方案的视频）

Question

我用vimeo html5嵌入解决方案嵌入了一个视频。我可以在ipad上播放视频。我想要

隐藏播放器并在点击链接时暂停视频或在点击链接时卸载视频;然后在点击其他链接时重新加载视频

1. 我试过Apple javascript解决方案暂停：

https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html

function playPause() {
   var myVideo = document.getElementsByTagName('video')[0];
   if (myVideo.paused)
       myVideo.play();
   else
       myVideo.pause();
   }

但似乎我必须在同一个域和/或没有iframe上调用视频操作

我尝试了第一个按钮

$('#video').fadeOut(400);

而对于第二个

$('#video1').fadeIn(400);

它正在隐藏+卸载然后显示+在firefox，chrome等上重新加载视频...但是在ipad上它隐藏而没有卸载然后没有在fadeIn动作中显示播放器...

有什么建议？有没有办法在ipad上控制苹果quicktime播放器？

Answer 1

我成功了

<a id="button" href="#">go</a>

<a id="button2" href="#">goback</a>

<div id="video">
<iframe id="video1" src="" width="555" height="312" frameborder="0"></iframe>
</div>

$( "#button" ).click(function(){
$('#video').fadeIn(400);
$("#video1").attr("src", "http://player.vimeo.com/video/myvideoid");
$("#video1").load();
});

$( "#button2" ).click(function(){
$('#video').fadeOut(400);
$("#video1").attr("src", "");
});

要符合ipad，iframe标签中的第一个src必须为空