Question

我的VideoJS和HTML5项目针对的是更新的网络浏览器（较新版本的FireFox和Chrome）以及移动浏览器（Android2.3 +和IOS4 +）。

我希望我的所有视频在“准备就绪”后自动播放。我尝试过这几种方式（在下面的方法中提到），但注意到自动播放只适用于FireFox和Chrome - 这意味着移动浏览器只是坐着旋转。

我还没有在他们的原生模拟器中调试移动浏览器，因为我想看看这里是否有人有过关于如何解决此问题的建议。

由于

方法1

将 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>

方法2

从 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();

});

Answer 1

iOS浏览器在任何人工交互之前都不支持播放。自动播放不起作用，在通过API启动播放之前必须有触摸/点击事件。 Android浏览器现在遵循这种行为。

适用于Android 2.3+和IOS 4+的VideoJS + HTML5自动播放功能

1 个答案: