ここで提起された他のすべての質問に目を通しましたが、何も問題を解決していません。
現在、ビデオは Chrome、Safari、FF、および IE9 で読み込んで再生できますが、サポートする必要がある最後のブラウザーである IE8 では再生できません。ページはこちらからご覧いただけます。
私はデバッグオプションを使用しようとしましたが、それからも何の助けも得られません。デバッガーが私に言っていることは次のとおりです。
Initializing...
stage: 0x560
file: path/to/video.mp4
autoplay:true
preload:true
isvideo:true
smoothing:false
timerrate:250
displayState:true
ExternalInterface.available:true
ExternalInterface.objectID: me_flash_0
Adding callbacks...
Success...
METADATA RECEIVED:900x560
positioning video
seek:0
play
これが私のコードです:
<video id="player1" width="900" height="560" loop="true" autoplay="true" preload="none" >
<source type="video/mp4" src="<?php echo get_template_directory_uri(); ?>/images/curtainLoop.mp4" />
<source type="video/webm" src="<?php echo get_template_directory_uri(); ?>/images/curtainLoop.webm" />
<object width="900" height="560" type="application/x-shockwave-flash" data="<?php echo get_template_directory_uri(); ?>/js/flashmediaelement.swf">
<param name="movie" value="<?php echo get_template_directory_uri(); ?>/js/flashmediaelement.swf" />
<param name="flashvars" value="autoplay=true&controls=true&file=<?php echo get_template_directory_uri(); ?>/images/echo-hereweare.mp4" />
</object></video>
<span id="player1-mode"></span>
<script>
jQuery(document).ready(function($) {
var player = new MediaElementPlayer('#player1', {
enablePluginDebug: true,
enableAutosize: true,
success: function(media, node, player) {
$('#' + node.id + '-mode').html('mode: ' + player.pluginType);
}
});
});
</script>
MediaElement Web サイトに続いて、モードを出力するためにスパンを追加しました。これは、「ネイティブ」または「フラッシュ」ではなく「未定義」として返されます。これが問題かどうかはわかりませんが、現時点ではどこを見ればよいかわかりません。
どんな助けでも大歓迎です。