自动播放<视频>使用 JavaScript 的元素

发布于 2024-12-02 07:02:06 字数 421 浏览 1 评论 0原文

我在 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

输什么也不输骨气 2024-12-09 07:02:06

这是因为 getElementsByTagName 返回一个元素数组,因此您可以指定该数组中所需的元素。

 document.getElementsByTagName('video')[0].play();

也许影响 元素的 id 可能会更好,然后您可以使用 getElementById(id) 检索它。

That's because getElementsByTagName returns an array of elements so you may specify which element in this array you want.

 document.getElementsByTagName('video')[0].play();

Maybe affecting an id to the <video> element may be better, you can then retreive it by using getElementById(id).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文