0

現在、HTML5 ビデオの完全なクロス ブラウザー サポートのソリューションとして mediaelement.js を使用しようとしています。このチュートリアルを使用しました ( http://vimeo.com/44576115）メディア要素を機能させるために、Safari、Chrome、FF、およびIE9で正常に機能しています。IE8 で試してみましたが、ビデオがまったくない白い画面が表示されます。これはフラッシュ フォールバックの失敗だと思いますか? また、レスポンシブ レイアウトに収まるように、ビデオの幅を柔軟にする必要もあります。問題として何に遭遇しているのか、私は完全に迷子になり始めています。誰かが私に「テンプレート」を提供してくれませんか、または古い IE ブラウザーや iOS デバイス Ipad、Android などを含むすべてのブラウザーで動作する実証済みの html5 ビデオ コードを提供してくれませんか? これは本当に私を大いに助けてくれます。

どうもありがとうございました。

これはビデオ要素の私のコードです。すべてのディレクトリを二重にチェックして、正しいリンクを確認しました。

<div class="vidcon">

<video width="640" height="360" controls="controls" preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="darrel-vid.mp4" type="video/mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="darrel-vid.webm" type="video/webm" />
<!-- Ogg/Vorbis for older Firefox and Opera versions -->
<source type="video/ogg" src="darrel-vid.ogv" type="video/ogg" />

<!-- Flash fallback for non-HTML5 browsers without JavaScript -->
<object width="640" height="360" type="application/x-shockwave-flash" data="mediaelement/build/flashmediaelement.swf">
    <param name="movie" value="flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&poster=Darrel-poster.jpg&file=darrel-vid.mp4" />
    <!-- Image as a last resort -->
</object>
</video>

</div>
4

1 に答える 1

0

IE8 では、Flash フォールバックを使用します。flashvars で mp4 のパスが正しいことを確認してください。

コードを投稿してください。

于 2013-04-25T14:13:28.290 に答える