Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5の


HTML5の

HTML5ビデオタグには、ルックアンドフィールとコントロールのさまざまな機能を制御するためのいくつかの属性を含めることができます。

sr。いいえ。 属性と説明
1 自動再生

このブール属性を指定すると、データの読み込みを停止せずに、できる限りすぐにビデオの再生が自動的に開始されます。
2 自動バッファ

このブール属性を指定すると、自動的に再生するように設定されていなくても、ビデオは自動的にバッファリングを開始します。
3 コントロール

この属性が存在する場合、ユーザーは、音量、シーク、再生の一時停止/再開などのビデオ再生を制御できます。
4 高さ

この属性は、ビデオの表示領域の高さをCSSピクセルで指定します。
5 ループ

このブール属性を指定すると、ビデオは最後に到達した後、自動的に最初に戻ることができます。
6 プリロード
この属性は、ビデオがページの読み込み時に読み込まれ、実行できるようになることを指定します。自動再生が存在する場合は無視されます。
7 ポスター

これは、ユーザーが再生またはシークするまで表示する画像のURLです。
8 Src

埋め込む動画のURL。これはオプションです。代わりに、ビデオブロック内の要素を使用して、埋め込むビデオを指定できます。
9

この属性は、ビデオの表示領域の幅をCSSピクセルで指定します。

  1. HTMLデータ-*属性

    HTMLのdata-*属性は、すべてのHTML要素にカスタムデータ属性を埋め込むために使用されます。これはグローバル属性であり、任意の要素で使用できます。 以下は構文です- <element data-attribute-name=”attribute_value” 上記では、属性名は小文字のみにする必要があります。そのため、プレフィックス「data-」の後に少なくとも1文字長くする必要があります ここで、HTMLでdata-*属性を実装する例を見てみましょう。属性のいずれかをクリックして、詳細情報を取得します- 例 <!DOCTYPE html>

  2. HTML属性

    属性は、画像やキャンバスの幅や高さなどの要素のプロパティを設定するために使用されます。すべての要素は属性を持つことができ、より多くの情報を提供します。属性には名前と値があります- 例- <canvas id=”newCanvas” width=”400” height=”300”> 他の例には-が含まれます <img alt=”alternate text”> HTML5標準によれば、属性の前後に引用符を含めることは必須ではありませんが、引用符を含めることは常に良い習慣