doukang2003 2016-09-28 08:52
浏览 166

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

I am using jquery video.js. I have issue in autoplay video for android mobile and iphone devices.

It is working fine in my computer browser

My code is 

<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>
  • 写回答

1条回答 默认 最新

  • douqiao2008 2016-09-28 09:21
    关注

    I don't know in particular video.js but i think the point is that mobile OS intentionally disable autoplay on mobile devices in order to protect user’s bandwidth. The trick you could try is to set video play on an user fired event, for example:

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

报告相同问题？

悬赏问题

  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 运筹学排序问题中的在线排序
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥30 求一段fortran代码用IVF编译运行的结果
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥30 python代码，帮调试，帮帮忙吧