不建議使用遍歷添加事件，建議使用代理，如
https://jsfiddle.net/zwwill/z...

<template>
    <div id="pp">
        <video src="http://www.w3school.com.cn/i/movie.ogg" controls="controls"></video>
        <video src="http://www.w3school.com.cn/i/movie.ogg" controls="controls"></video>
    </div>
</template>
<script>
document.getElementById('pp').onclick = ({target})=>{
    if(target.localName != 'video') return;
    if( target.paused ){
        target.play();
    }else{
        target.pause();
    }
}
</script>

你可以把if-else的代碼提煉成一個函數(shù)，參數(shù)是video：

function change(_video){
    if( _video.paused ){
        _video.play();
    }else{
        _video.pause();
    }
}

vide.addEventListener('click', function(){
    change(this);
})
videa.addEventListener('click', function(){
    change(this);
})
videb.addEventListener('click', function(){
    change(this);
})

如果你的video有統(tǒng)一類似vide-1,vide-2的id格式。

[].slice.call(document.querySelectorAll('[id^=vide]')).forEach(v => {
    v.addEventListener('click', function (e){
        if(this.paused) this.play();
        else this.pause();
    })
})

    var vids = document.getElementsByTagName('video');
    for (var i = 0; i < vids.length; i++) {
        vids[i].onclick = function(){
            if(this.paused){
                this.play();
            }else{
                this.pause();
            }
        } 
        
    }