我使用 mediaelement.js 播放带有 Flash 后备选项的视频。它适用于所有新浏览器。Video 通过显示页面自动启动,例如在 IE9 和 IE10 中。
我的问题:在 IE7 和 IE8 中,它使用后备选项在 Flash 中播放视频。视频只能通过按下播放按钮开始,但没有自动播放。
<video id="player2" width="480" height="270" poster="bilder/nnn.jpg" controls="controls" preload="true" autoplay="true">
<source type="video/mp4" src="media/nnn_H264.mp4" />
<source type="video/webm" src="media/nnn_H264.webm" />
<source type="video/ogg" src="media/nnn_H264.ogv" />
<object width="480" height="270" type="application/x-shockwave-flash" data="videoplayer/flashmediaelement.swf">
<param name="movie" value="videoplayer/flashmediaelement.swf" />
<param name="flashvars" value="autoplay=true&preload=true&controls=true&poster=../bilder/nnn_video.jpg&file=../media/nnn_H264.mp4" />
<img src="bilder/nnn_video.jpg" width="320" height="240" title="No video playback capabilities" />
</object>
和
<script>
var player = new MediaElementPlayer('#player2',/* Options */);
player.play();
</script>
有人有想法吗?谢谢你!
在寻找其他问题时,我找到了答案!
<script>
$('#player2').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!');
}
});
</script>
现在 - 它的工作原理!
感谢 xoreax: 自动播放 MediaElementPlayer