阻止html5视频在wordpress中预加载

Question

我有一个包含大量视频的wordpress页面，并希望用html5停止预加载。我正在插入带有特色媒体选项的视频。因此我无法添加属性preload =＆＃34; none＆＃34;到我的视频标签。

所以我试图用javascript来管理它，比如：

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

但它不起作用。我得到错误，该函数不存在。如何添加相关属性以阻止视频预加载？

非常感谢！

Answer 1

问题是document.getElementsByTagName返回所有视频元素的数组。

我会将您的代码更改为引用单个视频

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

或为您的视频元素添加一个ID并引用它。

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

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