ウェブ上でビデオを再生

使用している HTML 要素によって、ビデオは「インライン」で再生したり、ある種の「アシスタント」を通じて再生したりできます。

インラインビデオ(Inline Videos)

ビデオがウェブページに含まれている場合やウェブページの一部として含まれている場合、それがインラインビデオと呼ばれます。

<img> 要素を使用して、ウェブページにインラインビデオを追加できます。

ウェブアプリケーションにインラインビデオを使用する計画がある場合は、多くの人がインラインビデオを非常に嫌っていることを理解する必要があります。また、一部のユーザーはブラウザでインラインビデオのオプションをオフにしているかもしれませんので、注意してください。

私たちのアドバイスは、最近はユーザーが音を聞きたい場所にのみインラインビデオを含めることをお勧めします。例えば、ユーザーがページを開いた後にリンクをクリックしてビデオを見るようにします。

アシスタント(プラグイン、インプラグイン)を使用して

アシスタントアプリケーションは、ブラウザを起動して「助ける」ためにビデオを再生するプログラムです。アシスタントアプリケーションはプラグイン(Plug-Ins)とも呼ばれます。

アシスタントアプリケーションは、<embed> 要素を使用して起動したり、<applet> 要素および <object> 要素を使用して起動したりできます。

アシスタントアプリケーションを使用する大きな利点の一つは、ユーザーがプレイヤーの一部の設定を制御できることです。

ほとんどのアシスタントアプリケーションは、手動でまたはプログラミングを通じて、ボリューム設定や再生機能(再生、一時停止、停止、再生)などの再生機能を制御することができます。

<img> 要素を使用して

Internet Explorer は <img> 要素の dynsrc 属性をサポートしています。

この要素の役割はウェブページにマルチメディア要素を埋め込むことです:

<img dynsrc="video.avi" />

上記のコードスニペットはウェブページに埋め込まれた AVI ファイルを設定しています。

注記:dynsrc 属性は標準の HTML または XHTML 要素ではありません。Internet Explorer だけがこの属性をサポートしています。

<embed> 要素を使用して

Internet Explorer と Netscape は <embed> 要素をサポートしています。

この要素の役割はウェブページにマルチメディア要素を埋め込むことです:

<embed src="video.avi" />

上記のコードスニペットはウェブページに埋め込まれた AVI ファイルを設定しています。

このチュートリアルの最後のセクションで <embed> 要素の属性リストを見つけることができます。

注記:Internet Explorer と Netscape は <embed> 要素をサポートしていますが、それは標準の HTML または XHTML 要素ではありません。ワールドワイドウェブ連盟 (W3C) はそれに代わって <object> 要素の使用を推奨しています。

<object> 要素の使用

Internet Explorer と Netscape は <object> 要素をサポートしています。

この要素の役割はウェブページにマルチメディア要素を埋め込むことです:

<object data="video.avi" type="video/avi" />

上のコードスライスはウェブページに埋め込まれた AVI ファイルを設定しています。

このチュートリアルの最後のセクションに <object> 要素の属性リストがあります。

リンクの使用

ウェブページが特定のメディアファイルへのリンクを含んでいる場合、ほとんどのブラウザは「アシスタントプログラム」を使用してファイルを再生します:

<a href="video.avi">ここをクリックしてビデオファイルを再生</a>

上のコードスライスは AVI ファイルへのリンクを設定しています。ユーザーがリンクをクリックすると、ブラウザはアシスタントプログラム(例えば Windows Media Player)を起動して AVI ファイルを再生します。