Question

我正在使用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>

Answer 1

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

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

Jquery视频播放器Android移动和iphone中的自动播放问题

1 个答案: