【WordPress】ライトボックスオーバーレイでYouTubeやVimeoのビデオを表示するWP Video Lightbox

WordPress

WP Video Lightbox

March 18, 2017


WP Video Lightboxはライトボックスオーバーレイでページ上の動画を埋め込むことができるプラグイン。

WP Video Lightboxプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> WP Video Lightboxを検索
有効化にすると設定にVideo Lightboxが追加されます。

Video Lightbox


General
Enable jQuery jQueryライブラリを有効にします。


prettyPhoto

Enable prettyPhoto prettyPhotoを有効
Animation speed アニメーションの速度
Slideshow スライドショー
Autoplay slideshow 自動再生スライドショー
Opacity 不透明度
Show title タイトルの表示/非表示
Allow resize サイズ変更を許可
Allow expand 拡大を許可
Default width デフォルトの幅
Default height デフォルトの高さ
Counter separator label 区切りラベル
Theme テーマ
Horizontal padding 水平パディング
Hide Flash フラッシュを隠す
wmode WMODE
Autoplay 自動再生
Modal モーダル
Deeplinking ディープリンク
Overlay gallery オーバーレイギャラリー
Overlay gallery max オーバーレイギャラリー内の画像の最大数
Keyboard shortcuts キーボードショートカット
IE6 fallback IE6フォールバック

ショートコード

Vimeo Video
リンクテキストをクリックすると表示。
[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="click here to open vimeo video"]
画像をクリックすると表示。
[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="http://www.example.com/images/vimeo-thumb.jpg"]
YouTube Video
リンクテキストをクリックすると表示。
[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="click here to open YouTube video"]
画像をクリックすると表示。
[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="http://www.example.com/images/youtube-thumb.jpg"]

サムネイル画像のSEOの最適化。altパラメータを使用できます。
[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="http://www.example.com/images/youtube-thumb.jpg" alt="text that describes this image"]

Latest Posts

Related Posts