一次只播放一个视频HTML5

我使用下面的代码一次只播放一个视频，但它不能正常工作。请建议

document.getElementById("vid1").addEventListener('play', dimBack1, false);
document.getElementById("vid2").addEventListener('play', dimBack2, false);
document.getElementById("vid3").addEventListener('play', dimBack3, false);
document.getElementById("vid4").addEventListener('play', dimBack4, false);
document.getElementById("vid5").addEventListener('play', dimBack5, false);
document.getElementById("vid6").addEventListener('play', dimBack6, false);


function dimBack1() {
document.getElementById("vid2").pause();
document.getElementById("vid3").pause();
document.getElementById("vid4").pause();
document.getElementById("vid5").pause();
document.getElementById("vid6").pause();
document.getElementById("vid1").play();
}
function dimBack2() {
document.getElementById("vid1").pause();
document.getElementById("vid3").pause();
document.getElementById("vid4").pause();
document.getElementById("vid5").pause();
document.getElementById("vid6").pause();
document.getElementById("vid2").play();
}
function dimBack3() {
document.getElementById("vid3").play();
document.getElementById("vid1").pause();
document.getElementById("vid2").pause();
document.getElementById("vid4").pause();
document.getElementById("vid5").pause();
document.getElementById("vid6").pause();
}
function dimBack4() {
document.getElementById("vid4").play();
document.getElementById("vid1").pause();
document.getElementById("vid2").pause();
document.getElementById("vid3").pause();
document.getElementById("vid5").pause();
document.getElementById("vid6").pause();
}
function dimBack5() {
document.getElementById("vid5").play();
document.getElementById("vid1").pause();
document.getElementById("vid2").pause();
document.getElementById("vid3").pause();
document.getElementById("vid4").pause();
document.getElementById("vid6").pause();
}
function dimBack6() {
document.getElementById("vid6").play();
document.getElementById("vid1").pause();
document.getElementById("vid2").pause();
document.getElementById("vid3").pause();
document.getElementById("vid4").pause();
document.getElementById("vid5").pause();
}
</script>

document.getElementById（“vid1”）.addEventListener（“播放”，dimBack1，false）；
document.getElementById（“vid2”）.addEventListener（“播放”，dimBack2，假）；
document.getElementById（“vid3”）.addEventListener（“播放”，dimBack3，假）；
document.getElementById（“vid4”）.addEventListener（“播放”，dimBack4，假）；
document.getElementById（“vid5”）.addEventListener（“播放”，dimBack5，假）；
document.getElementById（“vid6”）.addEventListener（“播放”，dimBack6，假）；
函数dimBack1（）{
document.getElementById（“vid2”）.pause（）；
document.getElementById（“vid3”）.pause（）；
document.getElementById（“vid4”）.pause（）；
document.getElementById（“vid5”）.pause（）；
document.getElementById（“vid6”）.pause（）；
document.getElementById（“vid1”）.play（）；
}
函数dimBack2（）{
document.getElementById（“vid1”）.pause（）；
document.getElementById（“vid3”）.pause（）；
document.getElementById（“vid4”）.pause（）；
document.getElementById（“vid5”）.pause（）；
document.getElementById（“vid6”）.pause（）；
document.getElementById（“vid2”）.play（）；
}
函数dimBack3（）{
document.getElementById（“vid3”）.play（）；
document.getElementById（“vid1”）.pause（）；
document.getElementById（“vid2”）.pause（）；
document.getElementById（“vid4”）.pause（）；
document.getElementById（“vid5”）.pause（）；
document.getElementById（“vid6”）.pause（）；
}
函数dimBack4（）{
document.getElementById（“vid4”）.play（）；
document.getElementById（“vid1”）.pause（）；
document.getElementById（“vid2”）.pause（）；
document.getElementById（“vid3”）.pause（）；
document.getElementById（“vid5”）.pause（）；
document.getElementById（“vid6”）.pause（）；
}
函数dimBack5（）{
document.getElementById（“vid5”）.play（）；
document.getElementById（“vid1”）.pause（）；
document.getElementById（“vid2”）.pause（）；
document.getElementById（“vid3”）.pause（）；
document.getElementById（“vid4”）.pause（）；
document.getElementById（“vid6”）.pause（）；
}
函数dimBack6（）{
document.getElementById（“vid6”）.play（）；
document.getElementById（“vid1”）.pause（）；
document.getElementById（“vid2”）.pause（）；
document.getElementById（“vid3”）.pause（）；
document.getElementById（“vid4”）.pause（）；
document.getElementById（“vid5”）.pause（）；
}

以上代码在线直播，网址为

主要要求：

允许加载视频

单击第一个视频

单击第二个视频

单击第一个视频时，暂停第一个视频

如果我单击另一个视频，我需要代码来暂停第二个视频

有几个“剧本”以不同的顺序加入

确实没有必要使用

.play（）.addEventListener（'play'，…）

进行编码，因为这可能会导致“事件”中出现“循环”

使用

array

在元素中运行事件，请参见：

(function () {
    var videos = [
        document.getElementById("vid1"),
        document.getElementById("vid2"),
        document.getElementById("vid3"),
        document.getElementById("vid4"),
        document.getElementById("vid5"),
        document.getElementById("vid6")
    ];

    function stopOthers () {
        var id = this.id, i = 0;
        for (var j = videos.length; i < j; i++) {
            if (videos[i].id !== id) {
                videos[i].pause();
            }
        }
    }

    var i = 0;
    for (var j = videos.length; i < j; i++) {
        videos[i].addEventListener("play", stopOthers, false);
    }
})();

（函数（）{
var视频=[
document.getElementById（“vid1”），
document.getElementById（“vid2”），
document.getElementById（“vid3”），
document.getElementById（“vid4”），
document.getElementById（“vid5”），
document.getElementById（“vid6”）
];
函数stopOthers（）{
var id=this.id，i=0；
对于（var j=videos.length；i

以不同的顺序添加了一些“重头戏”

确实没有必要使用

.play（）.addEventListener（'play'，…）

进行编码，因为这可能会导致“事件”中出现“循环”

使用

array

在元素中运行事件，请参见：

(function () {
    var videos = [
        document.getElementById("vid1"),
        document.getElementById("vid2"),
        document.getElementById("vid3"),
        document.getElementById("vid4"),
        document.getElementById("vid5"),
        document.getElementById("vid6")
    ];

    function stopOthers () {
        var id = this.id, i = 0;
        for (var j = videos.length; i < j; i++) {
            if (videos[i].id !== id) {
                videos[i].pause();
            }
        }
    }

    var i = 0;
    for (var j = videos.length; i < j; i++) {
        videos[i].addEventListener("play", stopOthers, false);
    }
})();

（函数（）{
var视频=[
document.getElementById（“vid1”），
document.getElementById（“vid2”），
document.getElementById（“vid3”），
document.getElementById（“vid4”），
document.getElementById（“vid5”），
document.getElementById（“vid6”）
];
函数stopOthers（）{
var id=this.id，i=0；
对于（var j=videos.length；i

它对我来说很好。。。（Firefox 30）到底是什么不适合你？它适合我。。。（Firefox 30）到底是什么让你无法正常工作？