#概要
Noodl Advent Calender 18日目！
予定していた内容とは異なりますが、面白いネタだと思うのでぜひご覧ください。
【本題】
Noodlに動画を埋め込んで再生と停止ができます！！！
実際の様子はこちら。
ちらっ pic.twitter.com/aOUh1FI4z9
— まえぷー@アドカレ奮闘中 (@kmaepu) December 17, 2019
全体のフローはこんな感じです。
動画を扱うには**Video**ノードを利用します！
#Videoノード
###どんなノード？
Video Pathプロパティに指定されたパスにある動画を表示し、再生と停止ができるノード。扱える動画はmp4。
動画は読み込みは、読み込ませたいNoodlプロジェクトを開いた状態で、そこに動画ファイルをドラッグ&ドロップします。
###プロパティ
- Video Path：動画ファイルのパス
- Poster path：動画が表示される前に表示される画像のパス
- Preload：動画の再生開始前にロードしておくかのチェック
- Loop：動画を最後まで再生いたら、ループして再生するかのチェック
- Muted：動画に含まれる音声をミュートするかのチェック
- Autoplay：再生トリガ（play）がかからなくても自動で再生されるかのチェック
#参考
今回はこちらのフリー動画サイトから引用させていただきました。
https://www.pexels.com/videos/
#終わりに
動画を背景にすることでより動きのあるUIになりますね！背景以外にも、スマートカメラで記録した動画の確認等利用できそうです。🍜