Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在html页面上一次播放一个视频_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在html页面上一次播放一个视频

Javascript 在html页面上一次播放一个视频,javascript,jquery,html,Javascript,Jquery,Html,我有一个html页面。 我使用视频标签在线播放视频 我用了两个视频标签, 但当我播放这两个视频时 两个视频同时播放 我想要一个解决方案,如果我播放一个视频,然后点击第二个,那么第一个应该暂停,第二个开始播放。 任何帮助都将不胜感激。您需要监视视频的“播放”事件,当它触发时,您将停止其他视频。这样,当您以任何方式播放一个视频时,另一个视频将停止: $(函数(){ $(“#video1”)。关于(“播放”,函数(){ $(“视频2”)。触发(“暂停”); }); $(“#video2”)。关于(“

我有一个html页面。 我使用视频标签在线播放视频 我用了两个视频标签, 但当我播放这两个视频时 两个视频同时播放

我想要一个解决方案,如果我播放一个视频,然后点击第二个,那么第一个应该暂停,第二个开始播放。
任何帮助都将不胜感激。

您需要监视视频的
“播放”
事件,当它触发时,您将停止其他视频。这样,当您以任何方式播放一个视频时,另一个视频将停止:

$(函数(){
$(“#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();
    });

}