我的 VideoJS 和 HTML5 项目的目标是更新的 Web 浏览器(较新版本的 FireFox 和 Chrome)以及移动浏览器(Android2.3+ 和 IOS4+)。
我希望我的所有视频在“准备好”后自动播放。我尝试了几种方法(在下面的方法中提到),但注意到自动播放仅在 FireFox 和 Chrome 中真正有效——这意味着移动浏览器只是坐着旋转。
我还没有在他们的本机模拟器中调试移动浏览器,因为我想看看这里是否有人对如何解决这个问题有过建议。
谢谢
方法一
将autoplay="true"
属性添加到<video>
标签:
<video id="my_videoplayer" class="video-js vjs-default-skin" controls
autoplay="true" preload="auto" width="425" height="225" poster="/img/Logo.png"
data-setup="{}">
{% if is_help_video %}
<source src="{{rackspace_cdn_url}}{{video_id}}" type="{{video_type}}">
{% else %}
<source src="{{rackspace_cdn_url}}{{video_id}}" type="{{video_type}}">
{% endif %}
</video>
方法二
从标签中删除autoplay="true"
属性<video>
并通过 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();
});