HTML5 ビデオの使い方の概要 video tag_html5 チュートリアルスキル

HTML は HTML 5 に適用され、オンライン視聴用のビデオ ストリーミング メディアを定義するために使用されます。

コードをコピーします コードは次のとおりです: ここにコメント テキストがあります。HTML 5 をサポートできない場合、ブラウザはここにテキストを表示します。サポートされている場合、ビデオが直接表示され、テキストは無視されます。 HTML 4 以前では、Web ページにビデオを埋め込みたい場合は、 タグと を使用することで、ビデオを再生できます。 swf、flv、その他の形式のビデオ ファイルを保存できますが、ブラウザにサードパーティのプラグインである Adobe Flash Player をインストールする必要があることが前提となります。最近のスマートフォンや iPad は一般に Flash をサポートしていないため、Web 上のビデオを閲覧できません。 HTML 5 では、この事実が変わりました。Web 開発者は、 タグを使用するだけで、サードパーティのプラグインを使用せずにビデオ ファイルを簡単に読み込むことができます。

<table style="BORDER-BOTTOM: rgb(221,221,221) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(221,221,221) 1px solid; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 9px 0px; PADDING-LEFT: 0px; WIDTH: 639px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; FONT-FAMILY: arial, 宋体, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(37,37,37); FONT-SIZE: 12px; BORDER-TOP: rgb(221,221,221) 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: rgb(221,221,221) 1px solid; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"> プロパティ 値 説明 自動再生 自動再生 この属性が存在する場合、ビデオは準備が整うとすぐに再生されます。 コントロール コントロール 存在する場合、再生ボタンなどのコントロールをユーザーに表示します。 身長 ピクセル値 ビデオプレーヤーの高さを設定します。 ループ ループ この属性が表示される場合、メディア ファイルの再生が完了した後に再生が再開されます。 プリロード 自動/メタ/なし ビデオをプリロードするかどうかを指定します。可能な値は次のとおりです。 auto - ページのロード時にビデオ全体をロードします meta - ページのロード後にメタデータのみをロードします none - ロード後にビデオをロードしませんページが読み込まれます ビデオを読み込んでいます * ソース ビデオアドレス 再生するビデオの URL は、絶対アドレスを使用することをお勧めします。 幅 ピクセル値 ビデオプレーヤーの幅を設定します。 互換性のあるビデオタグを記述するにはどうすればよいですか?

古いブラウザと Internet Explorer は 要素をサポートしていないため、互換性を考慮して、Flash ファイルをサポートするこれらのブラウザ用のソリューションを見つける必要があります。残念ながら、HTML 5 オーディオと同様に、ビデオ ファイル形式に関しては、Firefox と Safari/Chrome は同様にサポートしていません。したがって、現時点で HTML 5 ビデオを使用したい場合は、ビデオの 3 つのバージョンを作成する必要があります。 OGG、MP4、FLV/SWF

コードをコピー コードは次のとおりです:

width="320" height="240" allowedscriptaccess="always" allowedfullscreen="true">

プロパティ	値	説明
自動再生	自動再生	この属性が存在する場合、ビデオは準備が整うとすぐに再生されます。
コントロール	コントロール	存在する場合、再生ボタンなどのコントロールをユーザーに表示します。
身長	ピクセル値	ビデオプレーヤーの高さを設定します。
ループ	ループ	この属性が表示される場合、メディアファイルの再生が完了した後に再生が再開されます。
プリロード	自動/メタ/なし	ビデオをプリロードするかどうかを指定します。可能な値は次のとおりです。 auto - ページのロード時にビデオ全体をロードします meta - ページのロード後にメタデータのみをロードします none - ロード後にビデオをロードしませんページが読み込まれますビデオを読み込んでいます
* ソース	ビデオアドレス	再生するビデオの URL は、絶対アドレスを使用することをお勧めします。
幅	ピクセル値	ビデオプレーヤーの幅を設定します。

HTML5 ビデオの使い方の概要 video tag_html5 チュートリアル スキル

関連記事

HTML5 ビデオの使い方の概要 video tag_html5 チュートリアルスキル