当你在HTML5视频控制器上点击播放时，哪些变量/属性会发生变化

What variable/attribute changes when you hit play on an HTML5 video controller?

本文关键字：变量属性变化视频 HTML5 控制器播放当你更新时间：2023-09-26

我在网页中使用HTML5视频标签。我有一个小的"观看视频"按钮，可以打开显示此视频的模式。一切都按预期进行。然而，当我点击控制器的播放按钮时，我正试图确定HTML文档（或者可能是DOM？）中发生了什么变化。

确定这一点的目的是让视频在模态显示后自动开始播放，我计划用一个小的JS脚本来做这件事。此外，当我关闭模态窗口时，它会消失。

我在谷歌上搜索了几次，开始看到人们在讨论为这些视频创建自定义控制器，我觉得这是不必要的——我想利用/修改现有的内容。

总结一下：当我在HTML5视频中点击播放/暂停控制器时，会发生什么？

W3C有一个方便的<video>接口，可以显示视频元素的属性和事件如何在与它交互时发生变化和激发。

正如你从这个演示中看到的，当你播放视频时发生的主要事情是：

如果视频的preload值为"none"（就像这个一样），那么当用户按下播放时，视频将开始加载，这会触发一些其他事件，例如，canplaythrough事件最终会触发，buffered属性将随着视频加载而继续更改，等等。