Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ ビデオ要素の追加 | メディアとテーブルの操作
究極のHTML

bookビデオ要素の追加

メニューを表示するにはスワイプしてください

<video> 要素を使用して、ウェブページに動画ファイルを埋め込むことができます。次の例を参照してください。

index.html

index.html

copy

この例では:

  • <video> 要素は <source> 要素を含み、動画ファイルのURLとファイルタイプを指定します。一般的にサポートされているフォーマットは WebM、MP4、OGG です;
  • controls 属性は標準の再生コントロールを表示します;
  • ユーザーのブラウザが video 要素をサポートしていない場合、フォールバックメッセージが表示されます。

HTMLのvideo要素でよく使用される属性は以下の通りです:

  • autoplay: ページの読み込みと同時に動画ファイルを再生開始;
  • loop: 動画ファイルを連続してループ再生;
  • muted: デフォルトで音声をミュート;
  • volume: 音声ファイルのデフォルト音量レベルを指定(0.0(無音)から1.0(最大音量)まで);
  • poster: 動画再生前にサムネイルとして表示する画像のURLを指定;
  • widthheight: 動画プレーヤーの幅と高さ(ピクセル単位)を指定。

これらすべての属性の使用例:

index.html

index.html

copy
Note
注意

さらに、ウェブ上で動画コンテンツの再生や操作を強化するための多くのJavaScriptライブラリやAPIが利用可能。

question mark

次のうち、HTMLのvideo要素で使用できる有効な属性はどれですか?

すべての正しい答えを選択

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  6

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  6
some-alt