HTMLで動画を再生する方法

藏色散人
藏色散人オリジナル
2021-05-24 10:15:5127658ブラウズ

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

HTMLで動画を再生する方法

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

htmlビデオの再生

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

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

d8e2720730be5ddc9c2a3782839e8eb6 タグを使用する

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

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

Example

<embed src="intro.swf" height="200" width="200">

問題

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

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

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

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

273238ce9338fbb04bee6997e5552b95 タグを使用する

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

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

<object data="intro.swf" height="200" width="200"></object>

問題:

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

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

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

HTML5 39000f942b2545a5315c57fa3276f220 要素の使用

HTML5 39000f942b2545a5315c57fa3276f220 タグはビデオまたは映画を定義します。

39000f942b2545a5315c57fa3276f220 要素は最新のすべてのブラウザでサポートされています。

次の 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:

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

39000f942b2545a5315c57fa3276f220 要素は、古いブラウザでは無効です。

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。