動画タグ_html/css_WEB-ITnose
video
video タグを使用すると、最近あまり普及していない Flash を放棄し、ページ上で直接ビデオ ファイルを再生できます。ビデオ ファイルは当然最もセマンティックなファイル形式ですが、この要素タグはオーディオと画像もサポートします。
以前 (そして現在)、ページにビデオを配置するには、通常、次のような面倒で醜いコードを使用する必要がありましたが、この方法ではブラウザに Flash プラグインをインストールし、JavaScript をサポートする必要があります:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1&" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/oHg5SJYRHA0&hl=en&fs=1&" allowscriptaccess="always" allowfullscreen="true"></embed></object>
HTML5メソッド:
rrreevideo タグには次の共通属性があります:
Autoplay: ページが読み込まれた後にビデオを自動的に再生するかどうかを設定するために使用されます。
Src: ブラウザが video タグをサポートしていない場合、または再生エラーが発生した場合に、ビデオのファイル リンクまたはダウンロード パスを指定して、ダウンロード用にユーザーに提供できます。
自動バッファ: ビデオを自動的にバッファリングするかどうかを設定するために使用されます。設定されている場合、ユーザーが再生ボタンをクリックすると、ビデオの少なくとも一部が待たずに直接視聴できます。 。
ポスター: ビデオの「フォトフレームのデフォルト画像」の背景画像を設定するために使用されます。ビデオを正常にロードして再生できない場合にユーザーに表示できます。
コントロール: 「再生」、「一時停止」などのコントロール バーをビデオに追加するかどうかを設定するために使用されます。コントロール バーの外観はカスタマイズできます。
ループ: ビデオをループ再生するかどうかを設定するために使用されます。
幅、高さ: ビデオの幅と高さを制御するために使用されます。
video 要素は多くの注目を集め、大きな可能性を秘めていますが、主流のブラウザーで完全にサポートされるまでにはまだ時間がかかります。現時点では、video タグを使用する必要がある場合は、次のような平凡なコードの組み合わせを使用できます。以下:
<video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer><p>Try this page in Safari 4! Or you can<a href="http://www.youtube.com/demo/google_main.mp4">download the video</a>instead.</p></video>
HTML5 学習メモの簡潔版 (4): video、audio、meter、datalist、keygen、output の新しい要素
HTML video タグ
HO8001: OBJECT 要素と EMBED の使用に違いがありますさまざまなブラウザに Flash を埋め込むための要素

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。
