2015-08-16 55 views
0

對於我的網站,我想要一個特定的視頻播放,一旦滿足條件。HTML/JavaScript一旦滿足條件就進行視頻播放

如(如果x = 1,播放視頻)

我有這樣的代碼在HTML文件中:

<div id="video"> 
    <video width="320" height="240" autoplay,> 
    <source src=video_mp4 type="video/mp4"> 
    <source src=video_ogg type="video/ogg"> 
    Your browser does not support the video tag. 
    </video> 
</div> 

和JavaScript文件中:

document.getElementById("video").innerHTML.source.src = video_mp4; 
document.getElementById("video").innerHTML.source.src = video_ogg; 

但似乎沒有工作。

+0

您是否嘗試過這麼遠嗎? – Rayon

回答

2

您可以使用以下方法:

<video id="video1" src="vid.mp4"></video> 
<script> 
    function playVideo(){ 
     var video= document.getElementById("video1"); 
     video.load(); 
     video.play(); 
    } 
</script> 
+0

非常感謝,因爲這確實直接回答了我的問題。但是,我忘了提及我希望網頁沒有加載視頻(在屏幕上但暫停),直到滿足條件。你知道解決這個問題的方法嗎? – Johnny