Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ チャレンジ:HTMLにオーディオとビデオを埋め込む | メディアとテーブルの操作
/
究極のHTML

bookチャレンジ:HTMLにオーディオとビデオを埋め込む

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

目標

ウェブサイトの訪問者に対して、音声と動画コンテンツの両方を取り入れた魅力的なマルチメディア体験の提供。

課題

ユーザーを魅了するマルチメディア体験によって、ウェブサイトをさらに進化させること。

音声の場合:ユーザーがリラックスできる心地よい雰囲気を提供する音声ファイルの埋め込み。音声には次のリンクを使用。

動画の場合:ユーザーが自然の生き物の美しさを楽しめる動画の統合。動画には次のリンクを使用。

再生や一時停止などの再生コントロールの追加。
ファイルタイプの追加。

index.html

index.html

index.css

index.css

copy
  1. audio タグを使用して音声要素を指定。
  2. video タグを使用して動画要素を指定。
  3. controls 属性を使用して、ユーザーが音声や動画の再生を管理できるようにする。
  4. src 属性を使用してファイルの場所を指定。課題からリンクを正確にコピーすること。
  5. 音声ファイルには type="audio/mp3" を使用して正しいファイルタイプを指定。
  6. 動画ファイルには type="video/mp4" を使用して正しいファイルタイプを指定。
index.html

index.html

index.css

index.css

copy
すべて明確でしたか?

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

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

セクション 4.  7

AIに質問する

expand

AIに質問する

ChatGPT

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

セクション 4.  7
some-alt