移动浏览器上的HTML5视频自动播放

Question

我使用以下HTML5和JQuery代码来播放其URL位于数组URLArray []中的视频播放列表.

function NextFrag(){

 if (index < URLArray.length)
 {
   $("#VideoContainer").html('<video  id="video1" controls autoplay width="95%"> "<source src= "'+ URLArray[index]+ '" type="video/mp4"></source> </video>' );
   index++;
   $("#video1").bind( "ended", NextFrag);
 }
}

我们知道所有手机都禁用了HTML5的自动播放功能,因此我必须在手机上手动播放每个视频片段.这绝对是我不想要的.

我真的想知道替代方案.我真的很感兴趣的代码段,我可以包括自动播放,而不涉及用户进行交互.

是否可以将其转换为Android应用程序才能工作.我真的需要让它像播放列表一样工作,我不关心如何,我只需要这个功能.

请帮忙.

Answer 1

自从iOS 10发布以来,Apple已经允许静音视频自动播放:https://webkit.org/blog/6784/new-video-policies-for-ios/

Android上的Chrome 53还允许静音视频自动播放:https://developers.google.com/web/updates/2016/07/autoplay

Answer 2

更新 - 2017年1月:由于这个答案仍然让我代表,我强烈鼓励任何读这篇文章的人查看Rihards的答案,并给予它一些爱.Rihards的参考文献比这个答案更现代,如果你需要在浏览器中自动播放应该会有所帮助.

移动浏览器中的自动播放限制是操作系统开发人员的有意限制.据我所知,绝对没有办法在移动浏览器中自动播放内容,因为触发内容播放所需的事件是OS/Phone事件,浏览器本身无法控制或与之交互.

Facebook已经在其广告库中实施了视频自动播放功能,但这只是通过其原生应用程序.即使是强大的FB也必须放弃对电话之神的威力.

我发现了一篇关于这种新的FB广告演示技术的文章,评论部分中的一些用户抱怨在浏览器中禁用自动播放的方法,就像使用本机FB应用程序一样:

Facebook将自动播放视频添加到所有移动用户的NewsFeed

但这显然是一个假设的抱怨和戏弄,因为评论是在FB完全启动该功能之前做出的.

我的结论是:如果你绝对需要自动游戏,你将不得不去"原生"(哈......看看我在那里做了什么？).