Question

我在一个网站的一个页面上使用视频作为背景，该网站已经自动播放，直到我从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'});

插件的每个其他部分都在工作，所以如果我能找到解决方案的话会很棒。

Answer 1

试试这个

<video id="video_background" autoplay loop muted preload="auto">

Answer 2

您可以通过检测页面更改并告诉HTML5播放器播放所需的页面来解决问题。

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

}）;

使用Razorfish / Parallax-JS自动播放HTML5视频

2 个答案: