jquery - 使用结束功能时 HTML5 视频不会自动播放

Question

我的网站有一个 HTML5 视频背景。一旦通过它播放然后指向 anchor 链接。

这很好用，我唯一的问题是一旦我实现了指向锚定链接的功能，视频就会停止自动播放!？

网站基于FullPage.js

这是我的视频功能的代码:

$(document).ready(function() {
        $('#fullpage').fullpage({
            verticalCentered: true,
            sectionsColor: ['#fff', '#fff', '#fff', '#fff', '#fff'],
            anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
            menu: '#menu',


            afterRender: function(){


                //playing the video

                $("#myVideo").play().on("ended", function load() {
                    window.location.hash="secondPage"
                });
            }
        });
    });

这是视频中加载的代码。

<video autoplay controls id="myVideo">
        <source src="intro.mp4" type="video/mp4">
    </video>

我尝试使用 autoplay='autoplay' 和各种变体，但没有成功。 :(

任何人有什么建议吗？

干杯

Answer 1

您应该查看 fullpage.js 网站中带有背景视频的可用示例: http://alvarotrigo.com/fullPage/examples/videoBackground.html

    $(document).ready(function() {
        $('#fullpage').fullpage({
            verticalCentered: true,
            sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE'],
            afterRender: function(){


                //playing the video
                $('video').get(0).play();
            }
        });
    });