0

我的 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();

});
4

1 回答 1

1

iOS 浏览器不支持在进行任何人工交互之前播放。自动播放不起作用,并且在通过 API 开始播放之前必须有一个触摸/单击事件。Android 浏览器现在遵循这种行为。

于 2013-01-02T18:44:03.277 回答