2013-05-22 76 views
1

讓我們下到代碼:HTML5視頻只能播放的onclick在移動設備(DROID鉻移動)

我準備的文件有: <video width="300" height="400" id="videoStage"></video><button onclick='video()'>Play video</button>

作爲JS功能:

function video(){ 
    var vid_url = "https://fbcdn-video-a.akamaihd.net/cfs-ak-ash4/v/82342/969/274169121921_63622.mp4?oh=99ef0d9285cbbd7adf8bc07a845dc0d1&oe=519E400F&__gda__=1369439362_83c7f900e92bdbaa201f49d35a7c144a"; 
    stage = document.getElementById('videoStage'); 
    stage.src = vid_url; 
    stage.play(); 
    } 

工作代碼示例:http://jsbin.com/eviyel/1

此代碼的工作只是罰款和播放視頻都在我的桌面找到我的移動設備。 但是(!)將video()函數應用於document.ready時 - 它只能在我的桌面上播放,而對於我的移動設備則顯示爲空。

任何解決方案的傢伙? 10X。

+0

更新:它看起來像自動播放屬性,也無法在手機上的鍍鉻工作,因爲我想我的移動設備上的W3Schools的演示:http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml5_video_autoplay。 任何解決方案的傢伙?!?!必須的!!!!!!!!! –

+0

這是對Android和iOS設備的故意限制 - 用戶必須通過移動操作觸發播放。有一些方法可以通過編程來解決它,但不能保證 – Offbeatmammal

回答

1

,我發現自己的答案:

移動瀏覽器(如鉻移動和iOS的)都必須有一個有效的「點擊」第一次同時啓用視頻+音頻播放。 一旦完成點擊,用於播放視頻/音頻的元素現在可以播放。 您現在可以更改該元素的SRC,以編程方式播放任何新媒體源,而無需再次單擊DOM。

相關問題