javascript – HTML5视频静音属性未使用属??性应用,但使用setA

发布时间：2020-12-14 22:38:19 所属栏目：资源来源：网络整理

导读：在使用HTML5视频时,我发现了一个奇怪的不一致. Compare these two code snippets and take a look at the Elements tab in Chrome developer tools 对于第一个视频,未设置使用JS对象属性的静音集.对于第二个,使用setAttribute工作并设置DOM属性.有趣的是,自

在使用HTML5视频时,我发现了一个奇怪的不一致.

Compare these two code snippets and take a look at the Elements tab in Chrome developer tools


对于第一个视频,未设置使用JS对象属性的静音集.对于第二个,使用setAttribute工作并设置DOM属性.有趣的是,自动播放的情况并非如此.
这是为什么？是否存在另一个以这种方式表现的属性示例？这有规则吗？除了测试之外,如何判断哪个属性的属性在JS中的哪种方式？


最佳答案
这些属性仅用于初始化属性.它们不反映当前的状态.
通过直接设置属性,可以更新对象,但不会影响dom属性.
如果您设置了视频的src(因此您可以实际看到它的运行情况),您将看到属性已正确应用

const video1 = document.createElement('video');

video1.src = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4';
video1.controls = true;
video1.autoplay = true;
video1.muted = true;

document.body.appendChild(video1);

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!