attention admin about comments trackbacks you may also like

FC2ブログの背景にYouTube動画を設定する

2015年12月12日
jQueryプラグイン
4
ブログの背景 YouTube動画 jQueryプラグイン jquery.mb.YTPlayer
昨今、ブログの背景にYouTube動画を設定する人が増えて来ております。

今まではブログの背景には小さい背景用画像(ファイル容量の小さく軽い画像素材)を繰り返し敷き詰めて、ブログ全体の背景画像として表示するブロックパターンなテンプレート作りが一般的でしたが、時代はインターネット表示速度がブロードバンド化によって格段に速くなり、またパソコンの能力も格段に向上し大判の画像でも容易にブログの背景画像として使えるようになったものですから、迫力のある背景画像や秀麗な画像も取り入れられるテンプレート作りがされるようになりました。

そこへ「動画」そのものをブログの背景に設置されるようにもなりました。

弊ブログ「Webテク倉庫」でも、既にYouTube動画の無料素材をブログ背景として利用させて戴いてるテンプレートも何種類か用意して、気分によって日替わり的に表示チョイスして楽しんでおります。


ブログの背景にYouTube動画を表示した様子

[ これは動画背景のキャプチャー画像です ]


この記事内では設定サンプルコードを書くために動画背景を表示出来ておりません(コードがバッティングする為)。
従って別途サンプルページを用意してありますので、下記リンクよりご参照下さい。

尚、スマホやタブレットではシステム的に動画背景は表示されませんのでご承知ください。

■ 追記 2018/02/28
弊記事はブログのSSL化に伴いまして、一部の使用ファイルがSSL未対応で動画背景が利用出来なくなっております。
従って後日改めて、もっと簡単にFC2ブログの個別記事背景にYouTube動画を表示する方法の記事を書きますのでご了承下さいませ。



【 ブログのSSL化後のYouTube動画背景サンプル ↓ 】

[ 弊ブログでのYouTube動画背景サンプル ]

( 動画背景はちょっと遅れて表示されますからご承知下さい )


■ 追記 2018/03/01
新たにSSL対応済みのYouTube動画背景記事を書きましたので下記ブログカードをクリックしてご参照下さい。



FC2ブログの個別記事背景にYouTube動画を簡単表示する方法 - jQueryプラグイン

3月になり、今までの寒さがウソだったように一気に春がやって来たような当地のポカポカ陽気ですから、今日は浮かれて目先の変わった記事を書きますね(笑) 数年前に弊ブログで ↓【 FC2ブログの個別記事背景にYouTube動画を表示する記事 】...




今回の記事はそんな 

FC2ブログの背景にYouTube動画を設定する


方法を解説致します。
「難しいんじゃ?」って声も聞こえてます(笑)が、コツさえ掴めれば実は簡単なんです。
設定方法はいろいろなパターンがあるんですがそれぞれに特徴があり、そんな中から1つの方法を解説することにします。
ただ残念ながらスマホやタブレットでは表示されません。

この記事での設定にはjQueryプラグインの 「jquery.mb.YTPlayer」 を使います。

■ 2018/03/01
以下の記事を都合により削除致しました。




自身のブログを各種ツールで分析しましょう

ブログがスマホで正しく表示されるかテストする!
モバイル フレンドリー テスト

ブログのスマホ表示速度分析は PSI が強力です!
Google PageSpeed Insights

検索からの方はトップページへもどうぞ




関連する記事
ぼっちん
Author: ぼっちん
記事に関わらないコメントでもOKですからね~ ^^

コメント(4)

There are no comments yet.

りんりん♪  

2015/12/18 (Fri) 22:20

素敵ですね♪

ぼっちんさん

やっとPCから拝見できました。
とても見やすいし、素敵ですね♪

ちょっとしたトラブルから遅くなりましたが、やっとこの週末に6Sデビューです(^^)v

ぼっちん  

2015/12/18 (Fri) 22:34
ぼっちん

りんりん♪ちゃんへ

こんばんは ^^

今たまたまアクセス解析覗いてたら、りんりん♪ちゃんがPCからこのブログを覗いてくれてるのがリアルタイムで分かったのよ(笑)

> やっとPCから拝見できました。
> とても見やすいし、素敵ですね♪

(^o^)/ハーイ やっと動画背景を見てくれたねぇ、ありがと~ ヽ(^^ ) ヨシヨシ
テンプレートのデザインによっては、背景動画も記事欄も見にくくなっちゃうのもあるから、その辺りの兼ね合いをいろいろと考えて実現させてるんだけどね。

> ちょっとしたトラブルから遅くなりましたが、やっとこの週末に6Sデビューです(^^)v

w(゜o゜)w オオー! やっと手に入るね~ 1ヶ月半?2ヶ月くらい待たされちゃったね~ (^_^; アハハ…
楽しみですね~ うんうん(^-^)

それはそうと、ちゃんと今のiPhoneのバックアップは取ったかい?(笑)
iTunesかiCloudにバックアップ取っておいた方がいいからね~って、もう既に取ってあるよね? (笑)

りんりん♪  

2015/12/19 (Sat) 23:22

初コメ⁉️

ぼっちんさん

こんばんは^ ^

6Sから初コメで〜す*(^o^)/*

iPhoneにしてから初の機種変更ですが、あまりに簡単でビックリしました。
5にした時はガラケーからだったし、1から設定したので…PCで検索しながら悪戦苦闘したもんです。

また、バンバン覗かせてもらいますね(^_−)−☆

ぼっちん  

2015/12/20 (Sun) 08:39
ぼっちん

りんりん♪ちゃんへ

6Sからの初コメありがとです~ (〃^▽^〃)oあはははっ♪

> iPhoneにしてから初の機種変更ですが、あまりに簡単でビックリしました。
> 5にした時はガラケーからだったし、1から設定したので…PCで検索しながら悪戦苦闘したもんです。

(笑) さすがiPhoneって感じでしょ~(笑)
時々はバックアップ取るようにした方が良いね ヽ(^^ ) ヨシヨシ

どうやら来年早々に携帯料金の動きがあるようだから、それがどういう風になるかだよね。
利用者としたら「安くなる」ことは大歓迎なんだけど、どういう風にそれが恩恵となって来るやらが心配!
私なんか、もうスマホ化(初期iPhone)以前からのSoftBank利用者だから、そういう長期利用者(お客様(笑))には明確な報償的料金に下げて欲しいもんだけどねぇ (笑)

> また、バンバン覗かせてもらいますね(^_−)−☆

(〃^▽^〃)oあはははっ♪ うんうん(^-^) 頼もしいお言葉~ ヽ(^^ ) ヨシヨシ