ムービー

Youtube IFrame Player APIを使ってhtmlに埋め込んだ動画を、初回ページ表示時にモーダルウィンドウで表示します。モーダルウィンドウはjQueryプラグインのjquery.magnific-popup.jsを使用します。動画はレスポンシブ対応にします。

Youtube IFrame Player APIを使ってhtmlに埋め込んだ動画を、ページ表示時にモーダルウィンドウで表示します。モーダルウィンドウはjQueryプラグインのjquery.magnific-popup.jsを使用します。動画はレスポンシブ対応にします。

Youtube IFrame Player APIを使ってhtmlに埋め込んだ動画を、ページ表示時にモーダルウィンドウで表示します。モーダルウィンドウはjQueryプラグインのcolorboxを使用します。

Youtube IFrame Player APIを使って複数の動画をhtmlに埋め込み、それぞれを自動再生します。動画はレスポンシブ対応にします。

オリジナルで作成したサムネイル画像をクリックしてYoutubeの動画を再生します。PC表示ではクリックのタイミングでサムネイル画像を消して動画を再生します。SP表示ではサムネイル画像を消さずに別ウィンドウで動画を再生します。

Youtube IFrame Player APIを利用してYoutubeのサムネイル画像クリックで動画を再生します。Youtubeのサムネイル画像は複数用意して複数の動画再生に対応させます。動画はレスポンシブ対応にします。

Youtube IFrame Player APIを使って複数の動画をhtmlに埋め込み、それぞれをループ再生します。動画はレスポンシブ対応にします。

Youtube IFrame Player APIを使って複数の動画をhtmlに埋め込みます。動画はレスポンシブ対応にします。