ホームページ ウェブフロントエンド H5 チュートリアル HTML5の実戦とメディア要素の解析(2.メディア要素の属性)

HTML5の実戦とメディア要素の解析(2.メディア要素の属性)

Feb 13, 2017 pm 01:28 PM
html5

HTML5のメディア要素と言えば、メディア要素の使い方と導入について紹介したばかりですが、メディア要素に関連する属性についてはまだ紹介していませんでしたので、今日はメディア要素について紹介します。 HTML5 の一部のメディア要素関連プロパティ。


autoplay: データ型は、メディアが自動的に再生されるかどうかを決定する自動再生フラグを取得または設定します。

buffered: データ型は、ダウンロードされたバッファリングされた時間範囲オブジェクトを表す時間範囲です

bufferedBytes: データ型は、ダウンロードされたバッファリングされたバイト範囲オブジェクトを表すバイト範囲です

bufferingRate: データtype は整数で、ダウンロード プロセス中に 1 秒あたりに受信される平均ビット数です

BufferingThrottled: データ タイプはブール値で、ブラウザがバッファを調整したかどうかを示します

コントロール: データ タイプはブール値、コントロールのプロパティを取得または設定し、ユーザー コントロール インターフェイスを表示または非表示にします。

currentLoop: データ型は整数で、メディア ファイルがループされた回数です。

currentSrc: データ型は文字列で、現在再生中のメディア ファイルの URL を示します (読み取り専用)。

currentTime: データ型は浮動小数点数で、再生された秒数を示します。

defaultPlaybackRate: データ型は浮動小数点数で、デフォルトの再生速度を取得または設定することを意味します。デフォルト値は1.0秒です

Duration: データ型は浮動小数点数で、メディア再生の合計時間(秒)を示します。

終了: データ型はブール値で、メディア ファイルが再生されたかどうかを示します。

loop: データ型はブール値で、メディアがループで再生されるかどうかを示します。

muted: データ型はブール値で、ミュートするかどうかを示します。

networkState: データ型は整数です。現在のメディア ネットワークの接続ステータスを示します。 0 は空を意味します。1 はロード中を意味します。2 は最初のフレームがロードされたことを意味します。4 はロードが完了したことを意味します。

一時停止: データ型はブール値で、メディアが一時停止されているかどうかを示します。

playbackRate: データ型浮動小数点数。現在の再生速度を取得または設定することを示します。ユーザーはこの値を変更して、メディアの再生を速くしたり遅くしたりできます。これは、開発者のみが変更できるdefaultPlaybackRateとは異なります。

played: データ型の時間範囲。これまでに再生された時間範囲を示します。

readyState: データ型は整数です。メディアの準備ができている (再生できる) かどうかを示します。 0 はデータが利用できないことを意味し、1 は現在のフレームを表示できることを意味し、2 は再生を開始できることを意味します。

seekable: データ型は時間範囲です。検索可能な時間範囲を示します。

seeking: データ型はブール型です。メディアがメディア ファイル内の新しい場所に移動されているかどうかを示します。

src: データ型は文字列です。メディアソースを示します。このプロパティはいつでもオーバーライドできます。

start: データ型は浮動小数点数です。メディア ファイル内の再生の開始位置を取得または設定することを秒単位で示します。

totalBytes: データ型は整数で、現在のリソースに必要な合計バイト数を示します。

videoHeight: データ型は整数です。ビデオの高さを返します (必ずしも要素ではありません)。ビデオに適しています。

videoWidth: データ型は整数です。ビデオの幅を返します (必ずしも要素ではありません)。ビデオに適しています。

ボリューム: データ型は浮動小数点数です。現在のボリュームを取得または設定することを示します。値は 0.0 ~ 1.0 です。


上記は、HTML5 の実戦とメディア要素の分析 (2. メディア要素の属性) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。




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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles