ヒント：サーバーでムービーをホストすると、帯域幅のコストが高くなるため、費用がかかる場合があります。 ビデオファイルのホスティングについて心配したくない場合や、大勢の視聴者の注目を集めたい場合は、YouTubeでビデオをホスティングしてサイトにリンクを埋め込むことをお勧めします。
注：以下の提案のすべてがすべてのブラウザで機能するわけではありません。 あなたが使用することを決心した解決策があなたがサポートしたいブラウザで動作することを確認してください。
以下の例は、ビデオファイルをブラウザウィンドウから表示できるようにするためのさまざまな方法を提供します。 ファイルへの直接ダウンロードリンクを作成することをお勧めします。これにより、ムービーがブラウザで再生されない場合に訪問者がファイルをダウンロードできるようになります。 以下は、この文書の2つのビデオファイルへの直接リンクの2つの例です。
フロッピードライブロボット
HTMLコード
フロッピードライブロボット
IBM Linuxコマーシャル
HTMLコード
IBM Linuxコマーシャル
YouTubeビデオを埋め込む
YouTubeでビデオをホスティングすることは、帯域幅のコストを節約し、多くの視聴者をサポートでき、インターネットで最も人気のあるページの訪問者にあなたのビデオを紹介することもできるので、素晴らしいことです。 以下は、YouTubeでホストされ、このサイトに埋め込まれたビデオの例です。
HTMLコード
すべてのYouTubeビデオのHTMLコードは、すべてのYouTubeビデオにある共有リンクから見つけられます。 [ 共有 ]リンクをクリックしたら、[ 埋め込み ]リンクをクリックします。 以下は、上記のYouTubeビデオを表示するために使用されるコードの例です。
ビデオタグ
このタグは、最近のすべてのブラウザでビデオを表示するように設計されたHTMLタグです。 このタグはMP4、Ogg、およびWebMのビデオフォーマットをサポートしており、単一のHTMLタグで実装できます。
HTMLコード
お使いのブラウザはサポートしていません
基本埋め込みタグ
以下は、Webページにファイルを埋め込む最も基本的な方法のコードです。
HTMLコードの例
この例では、埋め込み要素を使用して、再生したいムービーファイルのソースを指定しています。 これは非常に基本的な例であり、ビデオファイルがサポートされていない場合は、警告を表示したり、プラグインをダウンロードする場所をユーザーに知らせたりすることはありません。
imgタグを使ってムービーファイルを追加する
タグを使用したくない場合は、を使用してムービーファイルを含めることもできます。 以下の例に示すように、タグ。
HTMLコードの例
QuickTimeムービーを再生するためのタグを埋め込む（.MOV）
Apple QuickTimeムービーファイルは、インターネット上で人気のあるもう1つのタイプのムービーです。 下記はあなたのWebページにこれらのファイルを含める方法の基本的な例です。
注意：QuickTimeはMicrosoft Windowsではサポートされなくなり、すべての新しいブラウザはQuickTimeムービーを埋め込むこの方法をサポートしなくなりました。
HTMLコードの例
上記の埋め込み例では、コードの最初の部分はムービーファイルのsrc （ソース）を指しています。これはムービーファイル自体です。 次に、訪問者がプラグインをインストールしていない場合、プラグインページはプラグインの場所です。 幅と高さは、ビデオファイルの実際のサイズです。 下部のコントロールの表示を切り替えるには、 Controllerの値をtrueまたはfalseに設定します。
ヒント：コントローラが表示されていない場合は、ビデオファイルの高さを上げたいと思うかもしれません。
ループは、ファイルが終了したら自動的に最初からやり直す場合の設定です。 最後に、 自動再生は、ページの読み込みが完了した後にビデオファイルの再生を開始するかどうかをブラウザに指示します。
プラグインを指定するための埋め込みタグのtype属性
embedタグに、ビデオファイルのMIMEタイプを指定するためのtype属性を含めます。 そうすることで、ブラウザでビデオを再生するのに必要なプラグインを指定することができます。
HTMLコードの例
上記の例では、type属性はvideo / x-msvideoに設定されています。これはAVIビデオファイルのMIMEタイプです。
他のタイプのビデオファイルのtype属性に割り当てる値を決定するには、[IANA Media Types]ページでビデオファイルのMIMEタイプのリストを確認してください。