0

我在网站的一个页面上使用视频作为背景，该页面会自动播放，直到我从https://github.com/razorfish/Parallax-JS/插入 Razorfish / Parallax-JS

我仍然可以右键单击背景并查看播放选项，但无论我做什么，我都无法再让视频自动播放。有人在 GitHub 上问了类似的问题，但没有答案。

我的视频标签像这样打开...

<video id="video_background" preload="auto" muted="" volume="0" autoplay >

我已经尝试了以下所有方法和许多不同的变化，但没有运气......

document.getElementById("video_background").setAttribute('autoplay', true);
$("#video_background")[0].load();
$("#video_background")[0].play();
$("#video_background").get(0).play();
$('#video_background').attr({'autoplay':'true'});

插件的所有其他部分都在工作，所以如果我能找到解决方案那就太好了。

4

2 回答 2

0

您可以通过检测页面更改并告诉 HTML5 播放器在到达所需页面时播放来解决它。

$(window).on('hashchange',function(){ 
if(document.URL.indexOf("#intel") >= 0){ 
    var v = document.getElementsByTagName("video")[0];
    v.play();
}

});

于 2014-11-22T11:01:09.887 回答
0

尝试这个

<video id="video_background" autoplay loop muted preload="auto">
于 2014-03-19T21:02:52.473 回答