ビデオを挿入する位置にカーソルがあることを確認します。
Web ページに HTML5 ビデオを挿入し、ブラウザーでビデオをプレビューする方法について説明します。
Dreamweaver を使用して、Web ページに HTML5 ビデオを挿入することができます。
HTML5 video 要素は、Web ページにムービーまたはビデオを埋め込むための標準的な方法を提供します。
HTML video 要素について詳しくは、W3schools.com の HTML5 ビデオ(英語)を参照してください。
ビデオを挿入する位置にカーソルがあることを確認します。
挿入/HTML/HTML5 ビデオを選択します。HTML5 video 要素が指定した場所に挿入されます。
プロパティパネルで、様々なオプションの値を指定できます。
ソース / 代替ソース 1 / 代替ソース 2:「ソース」にビデオファイルの場所を入力します。または、フォルダーアイコンをクリックして、ローカルファイルシステムからビデオファイルを選択します。サポートされるビデオ形式は、ブラウザーによって異なります。「ソース」のビデオ形式がブラウザーでサポートされていない場合、「代替ソース 1」または「代替ソース 2」で指定したビデオ形式が使用されます。ブラウザーは最初に認識した形式を選択して、ビデオを表示します。
複数選択を使用して、ビデオを 3 つのフィールドに簡単に追加できます。同じビデオに対してフォルダーから 3 つのビデオフォーマットを選択すると、リストの最初のフォーマットが「ソース」に使用されます。リストの次のフォーマットは「代替ソース 1」および「代替ソース 2」の自動入力に使用されます。
ブラウザーとサポートされているビデオ形式について詳しくは、以下の表を参照してください。最新の情報については、HTML5 - ブラウザーサポートを参照してください。
|
ブラウザー |
MP4 |
WebM |
Ogg |
|
Internet Explorer 9 |
はい |
いいえ |
いいえ |
|
Firefox 4.0 |
いいえ |
はい |
はい |
|
Google Chrome 6 |
はい |
はい |
はい |
|
Apple Safari 5 |
はい |
いいえ |
いいえ |
|
Opera 10.6 |
いいえ |
はい |
はい |
Web ページを保存します。
ファイル/リアルタイムプレビュー. ビデオをプレビューするブラウザーを選択します。
アカウントにログイン