これは私を夢中にさせています。ページに埋め込まれたビデオを表示しようとすると、Firefox で「ビデオ形式または MIME タイプがサポートされていません」というエラーが表示されます。
私は IIS を使用しており、MP4 の正しい MIME タイプを持っています。他に確認できることはありますか?
これは私を夢中にさせています。ページに埋め込まれたビデオを表示しようとすると、Firefox で「ビデオ形式または MIME タイプがサポートされていません」というエラーが表示されます。
私は IIS を使用しており、MP4 の正しい MIME タイプを持っています。他に確認できることはありますか?
この問題は、CMS に起因するものでした。
MP4 ファイルはスクリプトを介してロードされており、そのスクリプトの名前には「-」が含まれていましたが、CMS はこれを「.」に置き換えることにしました。Firebug の [Net] タブを開くだけで、数分でエラーを修正できました。
とにかく Firefox は H264 をサポートしていないため、MP4 ファイルは Flash 経由でロードする必要がありました。
mp4 ファイルしかなかったので Firefox に問題がありましたが、この JavaScript は問題なく動作するようです。
新しいビデオ タグが使用され、オブジェクト コードがフォールバックとして提供されます。Firefox が存在しない ogv ファイルを見つけられない場合、エラーがスローされ、javascript が実行されてビデオ タグが削除され、Firefox で正常に動作するフォール バック オブジェクト コードが残されます。(私はJQueryを使用していますが、おそらくプレーンなJavaScriptでも同じことが実現できます。)
<script type="text/javascript">
function kill_video_tag() {
// Remove source tags
$('#vidid').children('source').remove();
// Grab everything else inside
var ob = $('#vidid').html();
// Add the fallback code before the video tag
// and then remove the video tag
$('#vidid').before(ob).remove();
}
</script>
<video id="vidid" width="320" height="256" controls>
<source src="http://www.mysite.com/nice_video.mp4" type="video/mp4" />
<source src="http://www.mysite.com/this_does_not_exist.ogv" type="video/ogg" onerror="kill_video_tag();" />
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab" WIDTH="320" HEIGHT="256" >
<PARAM NAME="src" VALUE="http://www.mysite.com/nice_video.mp4" >
<PARAM NAME="autoplay" VALUE="false" >
<EMBED SRC="http://www.mysite.com/nice_video.mp4" TYPE="image/x-macpaint" PLUGINSPAGE="http://www.apple.com/quicktime/download" WIDTH="320" HEIGHT="256" AUTOPLAY="false"></EMBED>
</OBJECT>
</video>