jQuery

【jQuery】ポップアップでyoutube動画を再生するプラグインGRT Youtube Popup

December 19, 2018
GRT Youtube Popup - jQuery Plugin

GRT Youtube Popupはポップアップでyoutube動画を再生するためのシンプルで軽量なjQueryプラグインです。

How to use the plugin in your website

head内にインクルード。

<link rel="stylesheet" href="grt-youtube-popup.css">

bodyタグ内にjquery.min.jsの後にインクルード。

<script src="grt-youtube-popup.js"></script>

カスタムクラスを追加し、例のようにyoutubeid = “yPu6qV5byu4″という新しい属性としてYoutubeビデオのIDを挿入します。

<span class="youtube-link" youtubeid="yPu6qV5byu4">Open Video</span>

プラグインを初期化

<script> $(".youtube-link").grtyoutube(); </script>

ADVANCED OPTIONS

Autoplay

<script> $(".youtube-link").grtyoutube({ autoPlay:false }); </script>

Theme

<script> $(".youtube-link").grtyoutube({ theme:"light" }); </script>