-
HTMLDOMビデオのシーク可能なプロパティ
HTML DOMビデオシーク可能プロパティは、ビデオのシーク可能範囲の長さとその開始、終了位置に関する情報を含むTimeRangesオブジェクトを返します。 構文 以下は構文です- TimeRangesオブジェクトを返す mediaObject.seekable 検索可能な動画の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video seekable</title> <style> * { &
-
HTMLDOMビデオシークプロパティ
HTML DOMビデオシークプロパティは、ユーザーが再生中のビデオをシーク(現在の再生を新しい位置に移動)しているかどうかに対応するブール値(true / false)を返します。 構文 以下は構文です- ブール値を返す mediaObject.seeking HTMLDOMビデオシークの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video seeking</title> <style> * { &nbs
-
HTMLDOMビデオsrcプロパティ
HTML DOM Video srcプロパティは、ビデオのURLに対応する文字列を返す/設定します。 構文 以下は構文です- 文字列値を返す mediaObject.src srcの設定 URLStringへ mediaObject.poster = URLString HTMLDOMビデオsrcの例を見てみましょう プロパティ- 例 <!DOCTYPE html><html> <head> <title>HTML DOM Video src</title> <style> * { &n
-
HTMLDOMビデオtextTracksプロパティ
HTML DOM Video textTracksプロパティは、ビデオのテキストトラックに関する情報を含むTextTrackListオブジェクトを返します。 構文 以下は構文です- TextTracksListオブジェクトを返す mediaObject.textTracks ビデオtextTracksの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video textTracks</title> <style> &nbs
-
HTMLDOMビデオボリュームプロパティ
HTML DOMビデオボリュームプロパティは、メディアの現在のボリュームレベルに対応する数値を返す/設定します。 構文 以下は構文です- ボリュームを数値として返す mediaObject.volume 音量の設定 数に mediaObject.volume = number 注:数値の最大値は ’1.0’ です 「0.0」の場合 ビデオの音量は最小です。 ビデオボリュームの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video volume</
-
HTMLDOMビデオ期間プロパティ
HTML DOM Video durationプロパティは、ビデオの長さ(秒単位)に対応する数値を返します。 注 −ライブストリームの場合、「Inf」を返します ライブストリームには事前定義された期間がないため、これは無限です。 構文 以下は構文です- 文字列値を返す mediaObject.duration HTMLDOMビデオの長さの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video duration</title> <style
-
HTMLDOMビデオ終了プロパティ
HTML DOMビデオ終了プロパティは、ビデオが終了に到達したかどうかに対応するブール値(true / false)を返します。 構文 以下は構文です- ブール値を返す mediaObject.ended HTMLDOMビデオが終了した例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video ended</title> <style> * { padding: 2px
-
HTMLDOMビデオの高さプロパティ
HTML DOMビデオの高さプロパティは、メディアの高さ(ピクセル単位)に対応する数値を返す/設定します。 構文 以下は構文です- 高さを返す 数値として(px) mediaObject.height 高さの設定 数値(px)に mediaObject.height = number 動画の高さの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video height</title> <style> * {
-
HTML DOM Video load()メソッド
HTML DOM Video load()は、「src」などの特定の属性がユーザーによって更新された後、ビデオ要素を再レンダリングするために使用されます。 構文 以下は構文です- videoObject.load() Video load()の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video load()</title> <style> * { padding
-
HTMLDOMビデオループプロパティ
HTML DOMビデオループプロパティは、ビデオが最後に自動的に再再生されるかどうかに対応するブール値を返す/設定します。 構文 以下は構文です- ブール値を返す-true/false mediaObject.loop ループの設定 booleanValueへ mediaObject.loop = booleanValue ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 動画が自動的に再生されることを定義します false 動画が自動的に再生されないことを定義します ビデオル
-
HTMLDOMビデオのミュートプロパティ
HTML DOM Video mutedプロパティは、ビデオのオーディオがミュートになるかどうかに対応するブール値を返す/設定します。 構文 以下は構文です- ブール値を返す-true/false mediaObject.muted ミュートをbooleanValueに設定 mediaObject.muted = booleanValue ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 動画の音声がミュートになっていることを定義します false 動画の音声がミュートにならないことを定
-
HTMLDOMビデオnetworkStateプロパティ
HTML DOM Video networkStateプロパティは、ビデオのネットワーク状態に対応する番号を返します。 構文 以下は構文です- 数値を返す mediaObject.networkState ここで、戻り値は次のようになります- 0(NETWORK_EMPTY)は、メディアがまだ初期化されていないことを示します 1(NETWORK_IDLE)は、メディアがアクティブでリソースを選択したが、ネットワークを使用していないことを示しています 2(NETWORK_LOADING)は、ブラウザがメディアデータをダウンロードしていることを示しています 3(NETWORK_NO
-
HTMLDOMビデオオブジェクト
HTMLのHTMLDOMビデオオブジェクトは、要素を表します。 を作成する 要素 var videoObject = document.createElement(“VIDEO”) ここでは、「videoObject」 次のプロパティを持つことができます- プロパティ 説明 audioTracks 使用可能なオーディオトラックを表すAudioTrackListオブジェクトを返します 自動再生 動画の準備ができたらすぐに再生を開始するかどうかを設定/返します バッファリング ビデオのバッファリングされた部分を表すTim
-
HTMLDOMビデオ一時停止プロパティ
HTML DOM Video pausedプロパティは、ビデオが再生されているかどうかに対応するブール値(true / false)を返します。 構文 以下は構文です- ブール値を返す mediaObject.paused 一時停止されたHTMLDOMビデオの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video paused</title> <style> * {
-
HTML DOM Video play()メソッド
HTML DOMビデオplay()は、現在のメディアコンテンツを再生し、メディアの使用を停止するためにpause()を使用します。 構文 以下は構文です- videoObject.play() Video play()の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video play()</title> <style> * { padding: 2px;  
-
HTMLDOMURLプロパティ
HTML DOM URLプロパティは、ドキュメントのURLに対応する文字列を返します。 以下は構文です- 文字列値を返す document.URL HTML DOM URLの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM URL</title> <style> form { width:70%; margin: 0 auto;
-
HTMLDOM値プロパティ
HTML DOM valueプロパティは、要素の属性の値に対応する文字列を返します。 以下は構文です- 文字列値を返す elementAttribute.value HTMLDOM値の例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM value</title> <style> * { padding: 2px; margin:5p
-
HTMLDOMビデオ自動再生プロパティ
HTML DOMビデオの自動再生プロパティは、ページの読み込み時にビデオが自動的に再生されるかどうかに対応するブール値を返す/設定します。 構文 以下は構文です- ブール値を返す-true/false mediaObject.autoplay 自動再生の設定 booleanValueへ mediaObject.autoplay = booleanValue ここでは、「ブール値」 次のようになります- booleanValue 詳細 true 動画がページの読み込み時に自動的に再生されることを定義します false 動画がページの読み込み時に
-
HTMLDOMビデオのバッファリングされたプロパティ
HTML DOM Video bufferedプロパティは、ビデオのバッファリングされた範囲の長さとその開始、終了位置に関する情報を含むTimeRangesオブジェクトを返します。 構文 以下は構文です- TimeRangesオブジェクトを返す mediaObject.buffered バッファリングされたビデオの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Video buffered</title> <style>
-
HTML DOMビデオcanPlayType()メソッド
HTML DOMビデオcanPlayType()は、ブラウザが指定されたビデオタイプを再生できるかどうかに対応する文字列を返します。 構文 以下は構文です- ブール値を返す-true/false videoObject.canPlayType(typeAsParameter) ここで、戻り値は次のようになります- returnValue 詳細 おそらく ブラウザが指定された動画タイプをサポートする可能性が最も高いことを定義します たぶん ブラウザが指定された動画タイプをサポートする可能性があることを定義していますが、確実に再生を試みる必要がありま