鼠标点击更改视频？

我有两个视频，我想循环第一个视频，直到用户单击鼠标，此时我想切换到播放第二个视频。有谁知道做这件事的最好方法是什么？鼠标点击更改视频？

编辑：对不起，澄清，我宁愿使用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

鼠标点击更改视频？

回答

相关问题