TAG : Youtube

jquery jQuery lightSlider の使い方や設定

2014年12月31日

jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス:MIT License レスポンシブ対応 ギャラリーモード(スライドショー) サムネイル表示 Slide, Fade アニメーション youtube, vimeo , google map 対応 目次 jQuery lightSlider のダウンロード jQuery lightSlider のページの上部メニュー右側にある「Download」をクリックし…

続きを読む

jquery jQuery lightGallery の使い方や設定

2014年12月30日

追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。 ライセンス:MIT License レスポンシブ対応 Youtube Vimeo Video and html5 videos 対応 Slide and Fade アニメーション iframe 対応…

続きを読む

jquery jQuery fancyBox v1.3.4 の使い方や設定

2014年12月29日

jQuery fancyBox v1.3.4 の使い方や設定に関する個人的なメモ。 fancyBox は v2.x からライセンスが変わり、商用(営利目的)の場合は有料となっているため、古いバージョンを探したら以下のサイトにあった。このサイトと本家(?)の fancyBox との関係は不明。 http://fancybox.net v1.3.4 のライセンスは MIT and GPL licenses。 MIT and GPL licenses(以下は概要であり、正確でない可能性あり) 無償(無保証) 利用/改造/再配布可能 著作権表示義務あり 商用利用…

続きを読む

jquery jQuery fancyBox v2 の使い方や設定

2014年12月29日

jQuery プラグイン fancyBox の基本的な使い方や設定に関する個人的なメモ。この時点での fancyBox のバージョンは「v2.1.5」。 関連ページ:「jQuery fancyBox v1.3.4 の使い方や設定」 目次 jQuery プラグイン fancyBox のダウンロード fancyBox のページの「license & download」をクリックし、「Download v2.1.5」をクリックしてダウンロード。 ライセンス:Attribution-NonCommercial 3.0 Unported(表示 &#821…

続きを読む

wordpress WordPress で Magnific Popup を使ってみる

2014年6月5日

Magnific Popup を WordPress で使う際のメモ。 現時点ではまだ WordPress 用のプラグインはできていないが、いずれはプラグイン化されるとのこと。 目次 基本的な使い方等については、よろしければ以下をご覧ください。 関連ページ:Magnific Popup を使って見る Magnific Popup のダウンロードと読み込み Magnific Popup を「配布ページ」からダウンロード(ページ右側の「Download ZIP」から) ダウンロードすると「dist」というフォルダがあるのでその中の「jquery.magnif…

続きを読む

htmlcss Youtube (iframe) をレスポンシブ対応に

2014年2月25日

Youtube(iframe 要素)をレスポンシブに対応させる方法のメモ。 概要 iframe で出力された Youtube 動画を CSS を使ってレスポンシブに対応させる。 参考にしたサイト:「Thierry Koblentz / A List Apart : Creating Intrinsic Ratios for Video」 サンプル Youtube から iframe の埋め込みコード(共有 → 埋め込みコード)を取得して、それを任意のクラス名を付けた div 要素(class=”youtube”)で囲む。 以下のよ…

続きを読む

jquery Magnific Popup を使ってみる

2014年2月7日

Youtube の動画を Lightbox のようなモーダルウィンドウで表示できるプラグインを探していたところ見つけた「Magnific Popup」。レスポンシブ・デザインに対応している上に機能も豊富で Goole map なども表示可能。使い方などに関するメモ。 目次 Magnific Popup のダウンロードと読み込み Magnific Popup を「配布ページ」からダウンロード(ページ右側の「Download ZIP」から) ダウンロードすると「dist」というフォルダがあるのでその中の「jquery.magnific-popup.min.j…

続きを読む

jquery Youtube を Lightbox のようなモーダルウィンドウで表示

2014年2月7日

Youtube の映像をプラグインを使わずに Lightbox のようなモーダルウィンドウで表示しようと試した際の失敗例。結果的にはプラグインを使用することにしたが、後日何か別の方法が見つかればその際の参考にするためのメモ。 概要 Firefox では問題なく表示・再生できたが、それ以外のブラウザでは以下のような問題が発生。 「停止ボタン」を押さずにモーダルウィンドウを閉じてしまうと音がそのまま鳴り続ける(IEなど) 「停止ボタン」をクリックしても映像は止まるが音が止まらない(Chromeなど) IE の Safari ではモーダルウィンドウを閉じても、…

続きを読む