自动播放MediaElementPlayer

Question

我希望当网站页面加载时自动播放视频.

我在我的页面上引用了jquery.js,mediaelementplayer.js和mediaelementplayar.min.css并添加了视频标记.

我尝试了很多方法,例如autoplay = true并使用javascript代码,但我无法让它工作.

我正在使用BlogEngine.Net 2.0.

我怎样才能做到这一点？

Answer 1

这是MediaElementJS中的一个错误,自动播放适用于本机和Silverlight,但需要一些Flash帮助.

您可以收听canPlay事件,并在Flash播放器准备就绪后立即开始播放.

setTimeout技巧可能会在竞争条件下失败.

$('#playerid').mediaelementplayer({
    plugins: ['flash', 'silverlight'],
    success: function(mediaElement, domObject) {
        if (mediaElement.pluginType == 'flash') {
            mediaElement.addEventListener('canplay', function() {
                // Player is ready
                mediaElement.play();
            }, false);
        }
    },
    error: function() {
        alert('Error setting media!');
    }
});

Answer 2

您可以将autoplay="true"属性添加到<video>标记,如下所示:

<video width="100%" height="auto" poster="some_image.jpg" controls="controls" 
    autoplay="true">

  <source type="video/mp4" src="myvideo.mp4" />
  <source type="video/webm" src="myvideo.webm" />
  <source type="video/ogg" src="myvideo.ogv" />
  <object width="320" height="240" type="application/x-shockwave-flash" data="flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&file=myvideo.mp4" />
    <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
  </object>
</video>

要在所有浏览器/设备上播放它,您可以使用jQuery引用该对象并调用其play()方法.

<script>  
     var player = new MediaElementPlayer('#id-of-player',/* Options */);
     player.play(); 
</script>

有关详细信息,请查看此处.

Answer 3

这可能会有所帮助.

$('audio,video').mediaelementplayer({
        success: function(player, node) {
        $('.mejs-overlay-button').trigger('click');
        }
});