テキストリンクから動画をポップアップさせて表示する

リンクから動画をポップアップさせて表示する方法を紹介します。

例えば、以下のような文を書いた場合の下線の部分を動画ポップアップリンクにしてみます。

先日の講習会は大変多くの方にご参加いただきありがとうございました。
講習会後は参加者の皆さんでBBQをして楽しみました。次回は来月20日に開催しますのでよろしくお願いいたします。

先日の講習会は大変多くの方にご参加いただきありがとうございました。
講習会後は参加者の方皆さんでBBQをして楽しみました。次回は来月20日に開催しますのでよろしくお願いいたします。

このようにポップアップリンクを使うことで、文に集中してもらえるということと動画のスペースを使わないで済むという利点があります。そして何よりなんかかっこいいです（笑）

もちろん、普通に埋め込みを使った方がいい場合もありますので、良きところでご活用いただければと思います。

リンクから動画をポップアップさせて表示する方法

テキストエディタに[動画ポップアップ]というクイックタグがあります。

クリックすると以下のようなコードが表示されるので、動画のリンクを置き換えてください。

<a href="動画埋め込みリンク" data-lity="data-lity">テキスト</a>

YouTubeであれば、動画右下の共有ボタンから表示される短縮URLでOKです。

画像リンクも可

画像をリンクで囲めば画像からの動画ポップアップも可能です。

<a href="動画埋め込みリンク" data-lity="data-lity"><img src="画像リンク"></a>