防止HTML5視頻在Wordpress中預加載

Question

我有一個包含大量視頻的wordpress頁面，並希望停止使用html5進行預加載。 我要插入帶有特色媒體選項的視頻。 因此，我無法將屬性preload =“ none”添加到我的視頻標簽中。

所以我試圖用javascript來管理它，例如：

function videoPreload () {
    document.getElementsByTagName('video').setAttribute('preload', 'none');
};
videoPreload();

但這是行不通的。 我收到錯誤消息，該函數不存在。 如何添加相關屬性以阻止視頻預加載？

非常感謝！

Answer 1

問題在於document.getElementsByTagName返回所有視頻元素的數組。

我將更改您的代碼以引用單個視頻

document.getElementsByTagName('video')[0].setAttribute('preload', 'none');

或為您的視頻元素添加ID並引用該ID。

document.getElementById("myVid").setAttribute('preload', 'none');

另外，值得注意的是，preload屬性在Internet Explorer中不起作用。