HTMLで動画を再生する方法

藏色散人
リリース: 2023-01-06 11:15:07
オリジナル
27668 人が閲覧しました

htmlビデオの再生方法: 1. タグを使用して HTML ページにマルチメディア要素を埋め込みます; 2. タグを使用してビデオを挿入します; 3. HTML5 < を使用します。 video>要素定義 ビデオ。

HTMLで動画を再生する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

htmlビデオの再生

HTML でビデオを再生するのは簡単ではありません。

ビデオ ファイルがすべてのブラウザ (Internet Explorer、Chrome、Firefox、Safari、Opera) およびすべてのハードウェア (PC、Mac、iPad、iPhone) で確実に動作するようにするには、多くのテクニックを知る必要があります。 。

タグを使用する

タグは、HTML ページにマルチメディア要素を埋め込むために使用されます。

次の HTML コードは、Web ページに埋め込まれた Flash ビデオを表示します。

Example

<embed src="intro.swf" height="200" width="200">
ログイン後にコピー

問題

HTML4 は を認識しません。鬼ごっこ。ページは検証に合格できません。

ブラウザが Flash をサポートしていない場合、ビデオは再生されません

iPad および iPhone では Flash ビデオを表示できません。

ビデオを他の形式に変換しても、すべてのブラウザで再生できるわけではありません。

タグを使用する

タグは、HTML ページにマルチメディア要素を埋め込むために使用されます。

次の HTML フラグメントは、Web ページに埋め込まれた Flash ビデオを表示します:

<object data="intro.swf" height="200" width="200"></object>
ログイン後にコピー

問題:

ブラウザが Flash をサポートしていない場合、ビデオは再生されません。

iPad および iPhone では Flash ビデオを表示できません。

ビデオを他の形式に変換しても、すべてのブラウザで再生できるわけではありません。

HTML5

HTML5

次の HTML スニペットは、Web ページに埋め込まれた ogg、mp4、または webm 形式のビデオを表示します:

Example

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
您的浏览器不支持 video 标签。
</video>
ログイン後にコピー

Question:

ビデオを入れて、さまざまな形式に変換します。

推奨チュートリアル: html ビデオ チュートリアルcss ビデオ チュートリアル

以上がHTMLで動画を再生する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート