Question

首先，在计算机浏览器上，每件事都可以我只在移动!!

上遇到以下问题

我有这样的HTML视频：

 <video id="myVid" poster="poster.png" muted autoplay loop>
        <source src="vid.webm" type='video/webm'>
        <source src="vid.mp4" type='video/mp4'>
 </video>

它不是在手机上自动播放所以我必须强制使用javascript播放它：我用了

$('#myVid').click(function () {
    $('#myVid').get(0).play();
});

它正在工作，但它不能在$（document）.ready（）上工作，如：

 $(document).ready(function () {
     $('#myVid').get(0).play();
 });

Answer 1

自动播放不适用于所有版本的iOS和现代版Android。这样做是为了防止可能的带宽过度使用。

从技术上讲，它应该是可能的，但是我没有测试它。

尝试更改您已经拥有的代码部分：

$('body').on('click', '#myVid', (function () {
    $(this).get(0).play();
});

然后在页面加载完成后，在此元素上触发点击并延迟：

$(document).ready(function () {
    setTimeout(function () {
        $('#myVid').trigger('click')
    }, 100);
});

video.play（）仅适用于点击

1 个答案: