プロフィール

FC2BLOGカスタマイザー

FC2BLOGカスタマイザー

FC2ブログ十数件、アメブロ数件、Yahoo!ストア、Yahoo!オークションストア、カラーミーショップ、ビジネスサイト数件、趣味サイト数件を現在仕事とプライベートで管理・運営中。過去には他のASPやCMSもいろいろ。

全記事表示リンク
検索フォーム
ユーザータグランキング
最新コメント
<>+-

FC2ブログ共有テンプレート説明 oirase

oirase テンプレートイメージ


■背景動画の設定
<body>のすぐ下の<a>タグの中にあります。
・videoURL:YouTube動画のURL
・opacity:0.1~1 (透過値)
・mute: true または false (ミュートのon/off)
・showControls: true または false (コントロールパネル表示/非表示)
・loop: true または false (ループのon/off)

■最上部のメニューについては、次の記事に説明があります。
FC2ブログ共有テンプレート説明 moon_tree

あと、一応いろいろなケースを想定してCSSを設定し、IE8・IE9・GoogleChrome・FireFoxで確認してますが、それでも見落としがあるかも知れません。表示崩れ等の不具合がありましたら、テンプレートを修正しますので、「FC2ブログ共有テンプレート作ってみた。奥入瀬」のコメントにてお知らせ頂けると幸いです。 にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ
CATEGORY:FC2BLOG自作テンプレート
TAGS:
THEME:インターネットサービス | GENRE:コンピュータ

COMMENT

No title

素敵なテンプレートです!
使いたいのですが、動画の検索方法がわかりません(><)

優香さん

はじめまして、こんばんは。
ちょっと質問が漠然としてるので、もう少し詳しく教えてください。
YOUTUBEはわかりますか?

No title

すみません><
えーと、テンプレートをDLさせていただきましたが、そのままではこの画像にはならないのですよね?
この背景にさせるためには、youtubeのページに行き、そのページのURL後のIDをテンプレート編集に組み込ませてという説明を、ここに書いてあるとそう読み取りました。
違うのでしょうか?
簡単に言うとIDが知りたく。

優香さん

この記事で説明しているのは、他のYOUTUBE動画を背景にする場合の変更方法です。
デフォルトでは、この奥入瀬渓流の動画が背景になります。
IDはhmSe1VTuFKMです。

この背景にならなかったみたいなので調査してみたところ、どうやら相性が悪いスクリプトがあるらしく、背景が反映されないケースがありました。
プラグイン等で相性の悪いスクリプトを使っているとダメみたいです。
試しに管理画面でプラグインを全部非表示にしてみてください。たぶん反映されると思います。

引き続き調査して改善するように努めますが、ちょっと時間がかかりそうです。

No title

ありがとうございました。
わかりました!
反映されないというのは、テンプレート編集でのプレビューのせいかもしれません
実際に変更しては、画像が表示されるかどうかまで確認しておりませんでした
ですが、スクリプト関連は苦手で、その問題も解決していただけるとありがたく思います
お手数をおかけします

優香さん

相性問題が少ないと思われる別のJavaScriptに変更しました。
現在、修正申請中ですが、YOUTUBEのURLをそのまま使うタイプなので、もしかしたら承認されないかも知れません。
共有テンプレートとしては承認されなくても、個人で変更するのは大丈夫だと思うので、一応修正箇所をお知らせします。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="http://blog-imgs-48.fc2.com/o/r/e/oreshiten/jquery_tubular_1_0.js"></script>
<script>
$('document').ready(function() {
var options = { videoId: 'hmSe1VTuFKM', start: 3 };
$('#wrapper').tubular(options);
// f-UGhWj1xww cool sepia hd
// 49SKbS7Xwf4 beautiful barn sepia
});
</script>

htmlの<head>内の上記部分を次のものに書き換えてください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript" src="http://blog-imgs-48.fc2.com/o/r/e/oreshiten/jquery-mb-YTPlayer.js"></script>
<link rel="stylesheet" type="text/css" href="http://blog-imgs-48.fc2.com/o/r/e/oreshiten/YTVPlayer.css" media="all" />
<script>
$(function(){
$(".player").mb_YTPlayer();
});
</script>

あとは、<body>タグのすぐ下に次のものを追加してください。

<a id="bgndVideo" class="player" data-property="{videoURL:'http://www.youtube.com/watch?v=hmSe1VTuFKM',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1}">background movie</a>

感動しています

素敵すぎて感動しています。
自分のブログに見とれています。
背景の動画を変えられるので飽きる事もなく楽しめます。
こんな素敵なテンプレートを作って下さって本当に有り難うございます。

Miyakoさん

はじめまして、こんばんは。
喜んでもらえてなによりです。

現在スライドショーバージョンも申請してますので、承認されたらそちらも見てみてください。
動画より軽くて高画質なので、より扱いやすいかも知れません。

No title

スライドショーバージョン、楽しみにしています。
おかげで自分のブログを見るのが楽しいです。
本当に素晴らしいです。

感謝♪

No title

おお、すみませんでした!ありがとうございます!
近々変えてみようと思います!

No title

連コメすみません!
確認しましたところ、反映されるようになりました!
近々変えます!ありがとうございました!

oiraseの音だし

oiraseのテンプレートを使わせていただいています。
この動画を好きなものに変更して楽しんでいます。
動画についている音も楽しみたいのですが、
ひょっとして、音もだせますか?
音も聞きたい時があるんです。
お返事お待ちしています。
宜しくお願いいたします。

Miyakoさん

htmlの<body>の下に動画のタグがあります。
その中のmute:trueという部分をmute:falseに変更すると音が出ます。

もし、このタグが無い場合は、新たにテンプレートをダウンロードするか、少し上の2月2日の私のコメントどおり編集してください。

いずれにしてもテンプレートを複製してバックアップを取ってからのほうが安全かと思います。

No title

こんにちは、お礼が遅くなって申し訳ありません。
音出し出来ました。
自分専用ブログを作って音も楽しみながらブログを書こうと思います。
いつも有り難うございます。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

No title

連投ですみません。

最新コメントも反応しません。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

No title

youtube動画が・・・
表示されなくなりました。

No title

こんにちは。
素敵なテンプレートなので、FC2ブログに使おうとダウンロードしたのですが、背景が真っ暗で何も表示されません…
プラグインを非表示にしてみてもダメでした。
上記にあります修正箇所を直そうとしたんですが、タグが見つかりませんでした。
解決方法がありましたら教えていただけると助かります。
お忙しいところすみませんが、よろしくお願いします。

No title

とても気に入ったのでお借りしました。

上段にフリースペースを設けたいと思っているのですが、よろしければ教えていただきたくおもいます。
よろしくおねがいします。

EDIT COMMENT

非公開コメント

テンプレート
テンプレートに関する質問は、このブログでは受けつけておりません。複数のサイトやブログを運営しており、メインブログ以外はコメントに気がつかない事が多いからです。質問がある方は下記から、それぞれのテンプレートのリンクをクリックし、そちら(メインブログ)で質問をお願いします。
▼ ▼ ▼ ▼ ▼ ▼ ▼ ▼

sightseeingに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。スライドショー

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。奥入瀬

moon_treeに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。月と木

torn_paperに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。破れた紙風

wantedに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。WANTED張り紙風

glass_boardシリーズに関する不具合報告・質問等は→FC2ブログ共有テンプレート作ってみた。glass_boardシリーズ
アクセスランキング
[ジャンルランキング]
コンピュータ 312位
[サブジャンルランキング]
Webサイト作成 18位