2011-05-17 43 views
0

我用vimeo html5嵌入解决方案嵌入视频。我能播放视频的iPad上。我想如何控制ipad上的苹果视频播放器(视频嵌入iframe和html5 vimeo解决方案)

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

  1. 我试过苹果JavaScript的解决方案,暂停,当点击:

http://developer.apple.com/library/safari/#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); 

它hidding +卸载然后显示+重装上火狐,Chrome等视频...但在iPad上它hidding不卸载,然后不显示后面的玩家淡入行动...

任何建议!?有没有什么办法,以iPad上

控制苹果的QuickTime播放器
+0

http://stackoverflow.com /问题/ 3046791 /看看这有助于将-HTML5的使用JavaScript的换ipad的视频? – Val 2011-05-17 15:48:30

+0

没有,这并不help.I与第一加载视频没有问题。我无法存取权限的Apple QuickTime播放器fonctions ... – manouch 2011-05-17 16:56:09

+0

感谢瓦尔其实你的答案是非常有用的..看我的回答只是以后。 – manouch 2011-05-24 08:30:08

回答

0

我赢得成功这样做

<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首先必须是空

相关问题