自动播放<视频>使用 JavaScript 的元素视频>
我在 html 中设置了一些元素,其中包含自动播放选项。我发现 Chrome 似乎并不特别愿意自动播放这些视频,无论出于何种原因。我想添加一些 JavaScript 来设置视频加载后播放。我知道我需要在相关 DOM 元素上使用 play() 方法。
我正在使用:
document.getElementsByTagName('video').play();
此代码成功自动播放我的视频元素。但是,它也会引发控制台中出现的错误,如下所示
未捕获的类型错误:对象#<节点列表>没有方法“播放”
我以前没有遇到过这个错误,它阻止了我的 javascript 的其余部分的正确执行。关于这是什么以及如何解决它有什么想法吗?
谢谢!
I have a few elements set up in my html with the autoplay option included. I have found that Chrome doesn't seem particularly willing to autoplay these videos for whatever reason. I'd like to add a bit of javascript to set the video to play once it's loaded. I understand I need to use the play() method on the DOM element in question.
I'm using:
document.getElementsByTagName('video').play();
This code successfully autoplays my video elements. However, it also throws an error picked up in the console as
Uncaught TypeError: Object #< NodeList > has no method 'play'
I haven't come across this error before and it's stopping the rest of my javascript for executing properly. Any ideas as to what this is and how to resolve it?
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是因为
getElementsByTagName
返回一个元素数组,因此您可以指定该数组中所需的元素。也许影响
元素的 id 可能会更好,然后您可以使用
getElementById(id)
检索它。That's because
getElementsByTagName
returns an array of elements so you may specify which element in this array you want.Maybe affecting an id to the
<video>
element may be better, you can then retreive it by usinggetElementById(id)
.