Youtubeをアメブロサイドバーで流す方法!
みなさんはよく、ブログのサイドバーに小さなyoutubeが貼ってあるのを見ますか?
一度は見かけたことがあると思うんですが、このyoutube、
あるところではページに入ってきたとき、自動で音楽が流れたり
あるところでは曲が全部終わったのに、また自動で最初から流れてくる…っていうのを
経験したこと、一度はあると思うんです。
「私もやりたいけど、面倒くさそう…」って思っている方!
すごく簡単に設置できるので、これを読んで実行してみてはいかがでしょう?
<注意>
・アメブロでのやり方です。他のブログではどうか分かりません。ごめんなさい。
・私なりのやり方なので、もしかしたらみなさんに合わないかもしれません。
・自動再生については、不快に思う人も少なからずいらっしゃいます。
やりすぎには十分お気をつけください!
<その他>
・「できたよー」と一言していただけるとすごく喜びます。
・読者申請とかしてくださるとさらに喜びます。
・宣伝してもらえたら最高潮です(
・不明な点がございましたら質問してください^^
゚・*:.。..。.:*・゚゚・*:.。..。.:*・゚
1.動画を探す。
まず流したい動画を探してきましょう。
今回はこちらをお借りします。
動画のタグは
ここを押して
赤い部分にあります。これをコピーしてください。
色や関連動画の表示などは各自ご自由に設定してください。
動画のサイズはあとで変更するので、とりあえず何でもいいです。
2.フリースペースに貼り付ける
タグをコピーしたら、フリースペースにタグを貼り付けます。
(フリープラグインでも支障はありませんが、あんまりおすすめしません)
こんな感じで。
3.サイズを調節する
さて、このときの動画はこうなっています。
このままだと、サイドバーに貼り付けるには少し大きすぎます。
というわけで、ちょっと小さくしていきましょう!
この4ヵ所を変更します。横はwidth、縦はheightです。
数字は小さくなれば何でもいいんですけど、横が150くらいより大きいとはみ出てしまいます!
ので、ここはタグを貼り付けた隣にある「プレビュー」を見ながら調節してください。
ちなみに私は大体150×100です。
とりあえずこれでいきたいと思います。
4-1.自動再生にする。
さて、このとき動画はというと
こんな感じ。小さいけどちゃんと再生できます!
そんなわけで、ここから自動再生について説明していきます!
まず、enbedタグを探してみてください。
図の中ではピンクのところがその部分です。
その中の、
私がいつも目印にしているだけなんで、あんまり意味はありませんが
hlタグを探してください!
で、そのhlタグの前に
autoplay=1っていうタグを入れてあげてください。
このとき、autoplay=1とhlの間には&がないと、自動再生してくれません!
また、autoplayの前のタグとの境界にも&をつけてください。
これで自動再生されるようになります!
4-2.ループする。
「短い曲だから、すぐ止まっちゃうんだよね…」って方に!
ループさせる方法を説明します。
まずさっきの自動再生ができるタグに
こんな感じでloop=1っていうタグを入れます。
このときも、境界には必ず&を入れてください!
なお、「ループは別にいいや」って方は1~4-1まで
「自動再生はいらない」って方は1~3,4-2をやってくれればOKです。
「自動再生もループもつけたい!」って方は全部必要ですが。
5.おまけ
これなんていうの…バーだけっていうの…?
この部分の名前知らないけどこれだけにしたいって方は、
縦のサイズを25にしてください!
これでたぶんこれだけになります。適当ww
それでは、よいyoutubeライフをお送りください!