サイト上で埋込み動画のサムネをマウスオーバーで動画プレビュー（一部再生）させたい

Question

＜概要＞
YouTubeサイト上の「ホーム」「急上昇」「登録チャンネル」のコンテンツを閲覧している時と同じ、もしくは近しい挙動を、自サイト上で実装可能かどうか、どなたかご教示いただきたく質問させていただきます。

＜実現したいこと＞
・YouTube動画を自身のWebサイトに埋め込む
↓↓↓↓
・動画サムネイルをマウスオーバー：動画が再生される（YouTubeのプレビュー機能？のような動き）
・動画サムネイルをクリック：動画再生

＜知りたいこと＞
①上記概要がYouTube管理画面上からの設定ベースで簡単に実現出来るかどうか？
②「①」が難しい場合、どのような実装方法がありますか？
③「①」と「②」のいずれも実現難しい。

どうぞよろしくお願いいたします。

Answer 1

1. YouTubeの管理画面はご自身で確認できるでしょうから、隅々まで確認してみてください。
2. 短い動画(動画でも、アニメーションgifでも)を用意できれば、JavaScriptなど用いてカーソルを合わせたときに動かすことは可能でしょう。

ただし動画自体がご自身のものでない場合は、動画の一部を変換して自身のサイトにアップすることは著作権法に違反するでしょう。

本当はYouTube API等で提供されていればいいのですが、現時点では無いようですね。
(参照:https://stackoverflow.com/questions/47084113/get-youtube-animated-thumbnail)

Comments

[ememon1969]

Takumiboo様
ご回答いただきありがとうございます。
説明が不足しておりました。失礼いたしました。
もう少し詳しく伺いたく存じます。

＜追記＞
・YouTube管理画面は自分のアカウントのため、確認できる環境です。
・動画も違法のものではなく、使用可能な素材を使う。

といった状況がございます。
お手数をおかけしますが、よろしくお願いいたします。

[Takumiboo]

これ以上詳しくはありませんよ。ご自身所有の動画で権利が問題ないのであれば2番を試してみたらいいでしょう。