我的VideoJS和HTML5项目针对更新的Web浏览器(较新版本的FireFox和Chrome)以及移动浏览器(Android2.3 +和IOS4 +)。VideoJS + HTML5自动播放失败,适用于Android 2.3+和IOS 4+
我希望所有视频在“准备就绪”之后自动播放。我尝试了几种方法(在下面的方法中提到过),但注意到自动播放只在FireFox和Chrome中起作用 - 这意味着移动浏览器只是坐下来旋转。
我还没有得到尽可能在他们的本地模拟器调试移动浏览器,因为我想看看如果有人在这里有以前的建议,如何解决这个问题。
由于
方法1
的autoplay="true"属性添加到标签:
autoplay="true" preload="auto" width="425" height="225" poster="/img/Logo.png"
data-setup="{}">
{% if is_help_video %}
{% else %}
{% endif %}
方法2
从标签删除autoplay="true"属性,并尝试通过在“准备”回调VideoJS API:
_V_('my_videoplayer').ready(function(){
MIMIC.video_player = this;
this.addEvent("ended", function(){
{% if not is_help_video %}
show_transition(true);
{% endif %}
});
/*
**
** try autoplay
**
*/
this.play();
});
+0
这很奇怪,因为我一直在使用jPlayer进行自动播放(虽然还有很多其他问题),它也适用于Android。因此,必须有一种方法来使其工作... –
+0
属性'autoplay =“true”'应该是'自动播放',当属性出现时,它被设置为'true',只有当某事物不同于'true' –