Javascript 在html页面上一次播放一个视频
我有一个html页面。 我使用视频标签在线播放视频 我用了两个视频标签, 但当我播放这两个视频时 两个视频同时播放 我想要一个解决方案,如果我播放一个视频,然后点击第二个,那么第一个应该暂停,第二个开始播放。Javascript 在html页面上一次播放一个视频,javascript,jquery,html,Javascript,Jquery,Html,我有一个html页面。 我使用视频标签在线播放视频 我用了两个视频标签, 但当我播放这两个视频时 两个视频同时播放 我想要一个解决方案,如果我播放一个视频,然后点击第二个,那么第一个应该暂停,第二个开始播放。 任何帮助都将不胜感激。您需要监视视频的“播放”事件,当它触发时,您将停止其他视频。这样,当您以任何方式播放一个视频时,另一个视频将停止: $(函数(){ $(“#video1”)。关于(“播放”,函数(){ $(“视频2”)。触发(“暂停”); }); $(“#video2”)。关于(“
任何帮助都将不胜感激。您需要监视视频的
“播放”
事件,当它触发时,您将停止其他视频。这样,当您以任何方式播放一个视频时,另一个视频将停止:
$(函数(){
$(“#video1”)。关于(“播放”,函数(){
$(“视频2”)。触发(“暂停”);
});
$(“#video2”)。关于(“播放”,函数(){
$(“视频1”)。触发(“暂停”);
});
});代码>
您的浏览器不支持HTML5视频。
一个简单的解决方案是使用javascript。将播放绑定应用于视频标记。在那暂停所有其他视频
$('video').bind('play', function (e)
{
var video = $('video');
for(var i=0;i<video.length;i++)
{
if(video[i] != e.target)
{
video[i].pause();
}
}
});
$('video').bind('play',函数(e)
{
var video=$('video');
对于(var i=0;i
var videos=document.querySelectorAll('video');
对于(var i=0;iAdd
在所有音频和视频标签上
function stopOtherMedia(element) {
$("audio").not(element).each(function(index, audio) {
audio.pause();
});
$("video").not(element).each(function(index, video) {
video.pause();
});
}
//当前视频播放时自动停止。。
//JAVASCRIPT
文档.添加的事件列表器('play',函数(e){
var videos=document.getElementsByTagName(“视频”);
对于(变量i=0,len=videos.length;i
向我们展示您的代码,没有代码很难假设所有内容。当我同时点击两个视频时,您如何同时点击两个视频。
解释这一点。如果我使用iFrame并加载vimeo视频,您能帮我吗?
function stopOtherMedia(element) {
$("audio").not(element).each(function(index, audio) {
audio.pause();
});
$("video").not(element).each(function(index, video) {
video.pause();
});
}