如何使用javascript自动播放页面/文档上的所有视频元素(视频上没有class或id)
我能做/不能做的事:
1.我无法手动添加循环布尔值选项到视频元素的编码中。我试过了,它不会写。
1.但是我可以将脚本添加到正文中。
1.我试着把[0]去掉,但它不适用于任何视频元素
示例:https://jsbin.com/duhejihidi/edit?html,output
(第一个视频循环播放,第二个视频不循环播放)
我可以通过将循环应用于第一个视频元素来达到这一目的。但是我如何让这个脚本应用于页面/文档中出现的所有视频。任何帮助都将非常感谢。
var myVideo = document.getElementsByTagName('video')[0];
if (typeof myVideo.loop == 'boolean') { // loop supported
myVideo.loop = true;
} else { // loop property not supported
myVideo.addEventListener('ended', function () {
this.currentTime = 0;
this.play();
}, false);
}
//...
myVideo.play();
1条答案
按热度按时间z3yyvxxp1#
你需要先获取
video
标签的HTMLCollection
,然后创建一个循环来迭代所有的视频,以在HTML中应用自动播放:完整代码: