2011-05-17 52 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首先必須是空

相關問題