jquery - 如何在 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 的情况下调用视频操作

2.我尝试了第一个按钮

$('#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 必须为空