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

Question

我有一个自动播放的视频，该视频在所有浏览器上都可以正常运行，但Chrome浏览器除外-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/

任何帮助将不胜感激！

Answer 1

对于其他遇到此问题的人来说，这对我有用。

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