マルチメディアコンテンツに

<object></object>および<embed></embed>タグは、ビデオ、オーディオファイル、その他のリソースなどのマルチメディアコンテンツをHTMLドキュメント內(nèi)に直接埋め込むために使用されます。これらを使用する方法は次のとおりです。

• <object></object>タグを使用：
  <object></object>タグは、HTMLドキュメント內(nèi)に埋め込まれたオブジェクトを定義します。汎用性が高く、幅広いメディアタイプを含めるために使用できます。構(gòu)文は次のとおりです。

   <code class="html"><object data="url" type="mime-type" width="width" height="height"> <!-- Fallback content here --> <param name="param-name" value="param-value"> </object></code>

  • data ：オブジェクトが使用するリソースのURLを指定します。
  • type ：リソースのMIMEタイプを指定します。
  • widthとheight ：オブジェクトのサイズを定義します。
  • <param> ：オブジェクトにパラメーターを指定できます。たとえば、フラッシュオブジェクトを埋め込んでいる場合は、映畫パラメーターを指定する必要がある場合があります。

• <embed></embed>タグを使用：
  <embed></embed>タグは、マルチメディアコンテンツを埋め込むためのよりシンプルですが、標(biāo)準(zhǔn)化されていない方法です。フラッシュオブジェクトやその他のプラグインベースのコンテンツを埋め込むためによく使用されます。構(gòu)文は次のとおりです。

   <code class="html"><embed src="url" type="mime-type" width="width" height="height"></embed></code>

  • src ：埋め込むリソースのURLを指定します。
  • type ：リソースのMIMEタイプを指定します。
  • widthとheight ：埋め込み要素のサイズを定義します。

マルチメディアを埋め込むときのとタグの重要な違いは何ですか？

マルチメディアコンテンツの埋め込みには<object></object>と<embed></embed>タグには、いくつかの重要な違いがあります。

• 標(biāo)準(zhǔn)化： <object></object>タグはHTML標(biāo)準(zhǔn)の一部であり、異なるブラウザーでより広くサポートされています。一方、 <embed></embed>タグは、HTML標(biāo)準(zhǔn)の一部ではありませんが、歴史的な理由により、ほとんどの最新のブラウザーによってサポートされています。
• フォールバックコンテンツ： <object></object>タグを使用すると、ブラウザがオブジェクトをレンダリングできない場合に表示できます。これは、 <object></object>タグ內(nèi)にHTMLコンテンツを含めることによって行われます。 <embed></embed>タグは、タグ內(nèi)でのフォールバックコンテンツを直接サポートしません。
• ネスト： <object></object>タグは別の<object></object>タグ內(nèi)にネストでき、複數(shù)のフォールバックオプションを指定できます。 <embed></embed>タグをネストすることはできません。
• パラメーター： <object></object>タグは<param>要素を使用してパラメーターを埋め込みオブジェクトに渡すのに対し、 <embed></embed>タグはパラメーターに屬性を使用します。

マルチメディアに

<object></object>および<embed></embed>タグを使用するときにクロスブラウザーの互換性を確保するには、いくつかの戦略が含まれます。

• 両方のタグを使用します。一般的なアプローチは、 <object></object>と<embed></embed>タグの両方を使用して、互換性を最大化することです。 <object></object>タグ內(nèi)に<embed></embed>タグをネストします。これにより、 <object></object>タグをサポートするブラウザ<embed></embed>使用できます。

   <code class="html"><object data="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> <param name="movie" value="yourfile.swf"> <embed src="yourfile.swf" type="application/x-shockwave-flash" width="300" height="120"> </embed> </object></code>

• MIMEタイプを指定します。 type屬性の正しいMIMEタイプを指定してください。これにより、ブラウザがファイルタイプを処理できるかどうかを判斷するのに役立ちます。
• フォールバックコンテンツ：常に<object></object>タグ內(nèi)でフォールバックコンテンツを提供します。これは、テキスト、代替畫像、またはブラウザによってサポートされる可能性のある別の埋め込みオブジェクトです。
• テスト：さまざまなブラウザとバージョンでマルチメディアコンテンツを徹底的にテストして、正しく表示するようにします。 BrowserStackのようなツールは、これに非常に役立ちます。

マルチメディアコンテンツを表示できない場合、どの代替メソッドを使用できますか？

<object></object>および<embed></embed>タグがマルチメディアコンテンツの表示に失敗した場合、使用できるいくつかの代替方法があります。

• html5 <video></video> and <audio></audio>タグ：ビデオおよびオーディオコンテンツの場合、html5 <video></video> and <audio></audio>タグは、最新のブラウザーで広くサポートされ、マルチメディアコンテンツを埋め込む標(biāo)準(zhǔn)化された方法を提供します。

   <code class="html"><video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </source></source></video></code>

• JavaScriptライブラリ：FlowPlayerやJPlayerなどのライブラリを使用して、マルチメディアコンテンツを埋め込むことができます。これらのライブラリは、抽象化のレイヤーを提供し、多くの場合、ブラウザの互換性の問題を処理します。

• サードパーティサービス：YouTube、Vimeo、SoundCloudなどのサービスを使用すると、iframeタグを使用してメディアを埋め込むことができます。これらのサービスは、埋め込みを処理し、多くの場合、パフォーマンスとユーザーエクスペリエンスを向上させます。

   <code class="html"><iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></code>

• フォールバック畫像：マルチメディアコンテンツを再生できない場合、メディアファイルへのリンクを使用して靜的畫像に戻ることができ、ユーザーが好みのメディアプレーヤーでダウンロードして再生できます。

これらの代替方法を使用することにより、さまざまなプラットフォームやデバイスでマルチメディアコンテンツにアクセスしやすく機(jī)能するようにします。

以上が＆lt; object＆gt;をどのように使用しますか?and＆lt; Embed＆gt;?マルチメディアコンテンツのタグ？の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。