私は mediaelement.js を使用して、Flash へのフォールバック オプションを使用してビデオを再生します。すべての新しいブラウザで問題なく動作します。ビデオは、IE9 や IE10 などでページを表示することで自動起動します。
私の問題: IE7 と IE8 では、フォールバック オプションを使用してビデオをフラッシュで再生しました。再生ボタンを押すだけで動画が始まりますが、自動再生はありません。
<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 に感謝します: Autoplay MediaElementPlayer