Jquery 视频播放器在 android 手机和 iphone 中的自动播放问题答案

【问题标题】：Jquery Video player Auto play issue in android mobile and iphoneJquery 视频播放器在 android 手机和 iphone 中的自动播放问题
【发布时间】：2016-09-28 08:52:47
【问题描述】：

我正在使用 jquery video.js。我在 android 手机和 iphone 设备的自动播放视频中遇到问题。

在我的电脑浏览器中运行良好

我的代码是

<html>
    <head>
        <script href="skin/frontend/fashfolies/default/js/video-js/video.js"></script><!-- skin/frontend/fashfolies/default/js -->
        <link src="skin/frontend/fashfolies/default/css/video-js/video-js.css" type="text/css" rel="stylesheet">

    </head>
    <body>
        <video id='my-video1' class='video-js' controls  style='width:50%; height:300px;' data-setup='{}' muted>
            <source src='media/home-video/brand.mp4' type='video/mp4'>            
                <p class='vjs-no-js'>To view this video please enable JavaScript, and consider upgrading to a web browser that<a href='#' target='_blank'>supports HTML5 video</a>
                </p>
            </source>
        </video>
        <script>
            var vi=document.getElementById("my-video1");


            //vi.autoplay=true;
            setIntervel(function(){
                vi.autoplay=true;
                vi.load();  
            },2000);

        </script>
    </body>
</html>

【问题讨论】：

标签： php jquery html5-video video.js

【解决方案1】：

我不知道具体的 video.js，但我认为关键是移动操作系统故意禁用移动设备上的自动播放以保护用户的带宽。您可以尝试的技巧是在用户触发的事件上设置视频播放，例如：

 $(window).on("touchstart", function() 
 { 
   vi.play();  
 }

【讨论】：

如果您在我的示例中使用相同的事件，它应该在点击或滚动文档后工作。你有错误吗？
没有任何错误，它不会为移动设备自动播放视频
我不明白为什么，可能是为了video.js。所以考虑一下我所说的关于移动操作系统块和在 video.js 库上下文中使用用户触发事件
这个问题有什么解决办法吗？？