我可以使用 javascript 添加或删除视频标签的属性吗？

Question

我不知道 JavaScript 我想给视频标签添加一些属性。是否可以使用影响一页所有视频的JS代码？

请看下面的代码我在网上搜索了一下不知道是否正确！

感谢您的帮助。

function playVideo() {
    var elementVar = document.getElementsByTagName("video");
    elementVar.setAttribute("autoplay: autoplay" || "loop: loop" || "controls: false") ;
}

Answer 1

您当然可以使用 javascript 向视频标签添加属性，但您没有使用正确的语法。

setAttribute 的 proper syntax 是：

.setAttribute(attrName, attrValue);

请注意，它一次也只能设置一个属性，所以你不能这样做"autoplay: autoplay" || "loop: loop"。

这是您可能需要的代码：

function playVideo() {
    var elementVar = document.getElementsByTagName("video");
    elementVar.setAttribute("autoplay", "autoplay");
    elementVar.setAttribute("loop", "loop");
    elementVar.setAttribute("controls", "false");
}

Answer 2

您绝对可以使用 Javascript 在元素上设置属性。但是，setAttribute 函数需要以不同的方式使用。它有两个参数：

属性名称
该属性的值

因此，在您的情况下，这是设置 autoplay 属性的正确方法：

elementVar.setAttribute("autoplay","autoplay")

此外，我不确定 or 运算符 (||) 应该在字符串之间做什么。但看起来您想设置所有这些属性。这需要通过 3 个调用来完成，如下所示：

elementVar.setAttribute("autoplay","autoplay")
elementVar.setAttribute("loop","loop")
elementVar.setAttribute("controls","false")

我可以使用 javascript 添加或删除视频标签的属性吗？

Can I use javascript to add or remove attributes from a Video tag?

javascript

wordpress

video

divi-theme