次のコードを使用して、HTML ビデオを Web ページに実装しました。
<video id='the_video' class='pilot_video' controls="controls">
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.mp4' type="video/mp4">
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.ogv' type="video/ogg">
<source src='<?= bloginfo('template_directory'); ?>/inc/pilot.webm' type="video/webm">
<iframe width="560" height="315" src="http://www.youtube.com/embed/Hz9Eh01sEdo?rel=0" frameborder="0" allowfullscreen></iframe>
</video>
これは、IE10、Chrome、Firefox、および Safari では正常に表示されますが、IE9 ではコントロールが表示されず、プレビュー イメージもありません。黒いボックスが表示されるだけで、それを右クリックして「再生」を選択すると、何かが表示されます。
理由はありますか？私は困惑しています。