我可以使用 javascript 添加或刪除 Video 標簽的屬性嗎？

Question

我不懂 JavaScript，我想向視頻標簽添加一些屬性。 是否可以使用可以影響一頁上所有視頻的 JS 代碼？

請參閱下面的代碼，我在網上搜索后嘗試過這個代碼，不確定它是否正確！

我感謝您的幫助。

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

Answer 1

您絕對可以使用 javascript 向視頻標簽添加屬性，但您沒有使用正確的語法。

setAttribute 的正確語法是：

.setAttribute(attrName, attrValue);

注意它一次也只能設置一個屬性，所以不能做"autoplay: autoplay" || "loop: loop" "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")