鼠標點擊更改視頻？

我有兩個視頻，我想循環第一個視頻，直到用戶單擊鼠標，此時我想切換到播放第二個視頻。有誰知道做這件事的最好方法是什麼？鼠標點擊更改視頻？

編輯：對不起，澄清，我寧願使用HTML 5（假設這是可能的）。我試圖將這兩個視頻無縫地交換出來，一個在另一個之上。我希望它看起來像點擊鼠標使視頻完成或進度。所以我需要暫停/隱藏第一個，並顯示/播放第二個。

更新：隨着蓋倫的幫助和一些谷歌搜索，我想通了：

<html xmlns="http://www.w3.org/1999/xhtml"> 
<script type="text/javascript"> 
function swapVideos() { 
    var video1 = document.getElementsByTagName('video')[0]; 
    video1.pause(); 
    video1.style.display = 'none'; 
    var video2 = document.getElementsByTagName('video')[1]; 
    video2.play(); 
} 
</script> 
<body> 
<video src="video1.ogg" controls="controls" loop="loop" autoplay="autoplay" onclick="swapVideos();"> 
your browser does not support the video tag 
</video> 
<video src="video2.ogg" controls="controls" preload="preload"> 
your browser does not support the video tag 
</video> 
</body> 
</html>

來源

2010-05-01 Wesley Tansey

將此代碼添加到任何你想要

// pause first video 
var video1 = document.getElementsByTagName('video')[0]; 
video1.pause(); 
// play second video 
var video2 = document.getElementsByTagName('video')[1]; 
video2.play();

添加這使第一視頻環

var video1 = document.getElementsByTagName('video')[0]; 
video1.addEventListener('ended', function() { 
    video1.play(); 
});

來源

2010-05-01 22:11:03 Galen

謝謝！是否有可能隱藏video1？我希望video2看起來像是video1的延續。 – 2010-05-02 00:54:29

-1

這很難具體跟你所提供的信息，但是你可以使用JavaScript或jQuery來做到這一點。將點擊事件綁定到DOM元素，然後點擊更改視頻的來源。我假設視頻是由swf中的源參數確定的。

來源

2010-05-01 21:54:17 derek

根據標籤的click事件，這看起來像HTML5視頻，而不是Flash。 – MiffTheFox 2010-05-01 21:55:26

好的，只是從問題本身來看還不太清楚。 – derek 2010-05-01 21:59:56

是的，對不起，對HTML5感興趣，但我不知道它是否可能，所以我沒有指定。 – 2010-05-02 00:53:49

鼠標點擊更改視頻？

回答

相關問題