html - chrome html5 视频在一两秒后停止自动播放

Question

我有一个自动播放视频，它适用于所有浏览器，除了 Chrome - 它显然禁用了自动播放视频。我尝试了一些解决方法，但现在它只播放 1-2 秒并完全停止。

这是我的代码：

<video id="introduction-video" preload="auto" playsinline autoplay muted loop volume="0" poster="/images/videos/video-background.png" width="100%" height="100%">
            <source src="/images/videos/Tasman10seconds.mp4" type="video/mp4">
            <source src="/images/videos/Tasman10seconds.webm" type="video/webm">
            Sorry, your browser does not support HTML5 video.
        </video>
        <script>$(window).on('load',function(){$('#introduction-video').get(0).play();});</script>

你可以在这里查看：

http://taslogistics.website.2018.360southclients.net:8080/

任何帮助将不胜感激！

标签： htmlgoogle-chromehtml5-video

Answer 1

对于其他有此问题的人，这对我有用..

$(window).bind('load',function(){
    'use strict';
    $('#introduction-video').trigger('play');
});