fancybox.jsのサンプル

ligthBox 4タイプ

 

float、inside、outside、over

float inside outside over

Youtubeのサンプル

通常の埋め込み

 

通常このように埋め込みます。

fancybox.jsを使用する

文字をクリックするとLIghtboxで動画を表示

クリックして動画を見る

文字をクリックすると表示します

画像をクリックするとLIghtboxで動画を表示

クリックして動画を見る クリックして動画を見る クリックして動画を見る

画像をクリックすると表示します

このようにサムネイルにしておけば、ただ動画を埋め込むよりもシンプルで見やすくなります。

元のページに戻る