Video

このノードは、ビジュアルツリーにビデオ面を配置します。幅広いデザインオプションと再生設定を特徴としています。

ソースはURLまたはファイルから設定できます。コンピュータからビデオをドラッグしてNoodlにドロップすると、プロジェクトフォルダに追加され、Videoノードのプロパティパネルでソースとして選択できるようになります。

入力

データ	説明
ソース	ビデオのソース。プロジェクトフォルダ内のローカルファイルか絶対URLのいずれか。
ポスター	ビデオが開始されていないときに表示される画像。プロジェクトフォルダ内の画像を選択。
自動再生	オーディオ/ビデオがロードされるとすぐに再生を開始するかどうかを設定します。
コントロール	オーディオ/ビデオのブラウザネイティブコントロールが表示されるかどうかを設定します。
音量	再生時のビデオの音量。
ミュート	オーディオ/ビデオがミュートされているかどうかを設定します。
ループ	再生中に終了に達したときにビデオがループするかどうかを示します。

Videoノードには、特別なビデオレイアウトプロパティもあります:

データ	説明
ビデオ位置X	Videoノードのバウンディングボックス内でのビデオのX位置。
ビデオ位置Y	Videoノードのバウンディングボックス内でのビデオのY位置。
オブジェクトフィット	ビデオがデフォルトサイズ以外のサイズにスケールされたときの挙動を指定します。 `Contain`: ビデオはアスペクト比を維持しつつ、バウンディングボックスに収まるようにスケールされます。これにより、Videoノードのバウンディングボックス内に透明な領域が導入される場合があります。 `Cover`: ビデオはアスペクト比を維持しつつ、バウンディングボックス全体を埋めるようにスケールされます。ビデオの一部がクリップされる可能性があります。 `Fill`: ビデオはアスペクト比を維持せずにバウンディングボックスを埋めるようにスケールされます。 `None`: ビデオはスケールされません。クリップされる可能性があります。

このノードは、以下のビジュアル入力プロパティをサポートしています:

度なHTML](/nodes/shared-props/inputs/visual-input-properties#advanced-html)

シグナル	説明
再生可能時	ビデオがロードされ、再生準備が整ったときにトリガーされるシグナル。
時間更新時	オーディオ/ビデオの再生位置が変更されたときにトリガーされるシグナル。メディアの再生だけでなく、再生位置が移動されるとき（例えば早送りが使用されるときなど）にも呼び出されます。

データ	説明
DOMエレメント	このビジュアルノードを表すDOMエレメントへの参照。
videoWidth	ビデオソースの幅。
videoHeight	ビデオソースの高さ。

このノードは、以下のビジュアル出力プロパティをサポートしています。

@include "../../shared-props/inputs/_visual-input-properties.md" @include "../../shared-props/outputs/_visual-output-properties.md"