2

HTML の div タグでビデオを再生しようとしていますが、次のコードを使用すると、ブラウザからビデオをダウンロードするかどうか尋ねられました。ダウンロードするのではなく、ただプレイしたいだけです。また、このメッセージはdivに表示されました

「このコンテンツを表示するには拡張機能をインストールする必要があります」

私はFirefoxブラウザを使用しています

これは私がhtmlファイルで使用したものです:

<div>
<object type="Brave/quicktime" data="Brave.avi" width="624" height="352">
<param name="pluginurl" value="http://www.apple.com/quicktime/download/" />
<param name="controller" value="false" />
<param name="autoplay" value="true" />
</object>
</div>
4

3 に答える 3

7

ビデオタグを使ってみてください

 <div>
   <video width="700" height="450" controls="controls" poster="image" preload="true">
     <source src="where the video is" type="video/mov"/>
     <source src="where the video is" type="video/mp4" />
     <source src="where the video is" type="video/oog" />
     Your browser does not support the video tag.
   </video>
</div>

また、別のビデオ タイプを使用する必要があります。AVI ファイル タイプは、html5 ビデオ タグではサポートされていません。

于 2013-01-28T16:20:42.947 に答える
1

これを試して

<video width="624" height="352" controls>
<source src="Brave.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

また、ビデオのフォーマットとしてAVIは使用しません。

MP4を使用すると、HTML5ビデオタグを使用できます。

于 2013-01-28T16:19:46.663 に答える
0

あなたの主な問題は、無効な MIME タイプを使用していることです (ご指摘のとおり、ブラウザは「無効な MIME タイプ」メッセージを返します)。タグも使用していますが<object>、これは HTML5 で廃止されました。

最新のマークアップを使用する前に、DOCTYPE宣言が、、、<DOCTYPE html>およびそれ以上のものではないことを確認してください。これは、HTML5 ドキュメントを使用していること、および適切なタグ定義をロードする必要があることをブラウザに伝えます。HTML4 を宣言するDOCTYPEと、ブラウザーが HTML5 タグを処理できない可能性があります。

それが完了したら、<video>タグを使用します。これで、マークアップは次のようになります。

<DOCTYPE html>
<html>
    <head>
    <!-- your styles, scripts, and other head info -->
    </head>

    <body>
        <video src="Brave.avi" controls="yourControls" autoplay="false">
        Your browser doesn't support the `<video>` tag. /*this is a fallback*/
        </video>
    </body>
<html>

typeタグの属性がないことに気付くでしょう<video>。これは、<video>タグが実際にはその属性をサポートしていないためです。これにより、コーディングが少なくて済みます。これは常に良いことです。

ちなみに、.aviフォーマットの使用は避けてください。.mp4h264コーデックは公式の標準になったばかりです。つまり、.ogg使用する帯域幅が少なく、より広くサポートされているため、.

于 2013-01-28T17:17:40.643 に答える