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

【问题标题】：How to control Apple video player on ipad (video embedded with iframe and html5 vimeo solution)如何在 ipad 上控制 Apple 视频播放器（嵌入 iframe 和 html5 vimeo 解决方案的视频）
【发布时间】：2011-05-17 14:35:51
【问题描述】：

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

点击链接时隐藏播放器并暂停视频要么单击链接时卸载视频；然后在点击另一个链接时重新加载视频

我尝试了 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上的apple quicktime player？

【问题讨论】：

stackoverflow.com/questions/3046791/… 看看有没有帮助？
不，这没有帮助。我先加载视频没有问题。我无法访问苹果 Quicktime 播放器功能...
感谢 Val 实际上你的回答非常有用.. 之后看看我的回答..

标签： jquery ipad html video vimeo

【解决方案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 必须为空

【讨论】：