僕の旅と彼方の友と

旅が好きアマチュア無線が好き、そんな僕の呑気な日々を綴ります。

サイドバーに動画を貼り付けます。

2007年11月12日 22時20分20秒 | NFWのブログ教室

 検索エンジン等で「YouTube・サイドバー・貼り付け」で検索されて、当ブログへお越しになっている方がいらっしゃいます。たぶん貼り付け方を知りたくて、起こしになっているんではないかと推察しております。確かに貼り付けはしてありますが、その方法については未投稿です。そこで今回の『NFWのブログ教室』は「動画・サイドバー・貼り付け」をテーマに記事を書くことにしました。
 ただし、何故かgooブログではサイドバーの編集は有料の「アドバンス」会員になっている必要があります、ご承知おき下さいますようお願い致します。


 「YouTube」等の動画をサイドバーに貼り付けるには、元のままのサイズですと大きすぎますので、先ずそのサイズを変更しなければなりません。方法は簡単です、スクリプトの数字の部分を変えてやるだけです。スクリプトの知識は必要ではありません。

 元のサイズのスクリプトは以下の様になっています。
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/cGE5jxWdupQ&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/cGE5jxWdupQ&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

 数字で書かれている部分が全部で4箇所あることに注目してください。[width]は幅を[heigth]は高さを表しています。それぞれ”425”と”355”になっています。
これらの寸法を変えてやります。僕の場合サイドバーに合うよう38%に縮小しています。
width(幅)  425×0.38=161.5≒162
height(高さ) 355×0.38=134.9≒135

 それぞれ数字を書き換えてやります。
<object width="162" height="135"><param name="movie" value="http://www.youtube.com/v/cGE5jxWdupQ&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/cGE5jxWdupQ&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="162" height="135"></embed></object>

次にgooブログの場合、これをブログパーツ用の文字列に変換します。
    変換の仕方はこちらから
       ↓  ↓
  http://blog.goo.ne.jp/how_to/e/89b470fc570d02bbdcc5c80003546e85

 変換後の文字列は[ ]のなかに
parts:eNozsDJkhAMmJkNTCyZDYwNGJgszSyPTNEuLZHdX06yK8JTSgkAmGDA2xS4P1czEhKQSAOIXD8o=
 のように表示されます。
 さらに変換された文字列をテンプレートの編集のHTML側(アドバンス会員のみの表示となります)に貼り付けます。僕は位置としてQRコードの下に貼り付けています。
<!-- 右メニュー -->より少し下の<!--/gooおすすめリンク-->よりちょっと下。</table>タグの下に<br>タグを2個付けた後に『お薦めYouTube』と題して貼り付けました。

こんな感じです。
<!--/gooおすすめリンク-->
</div>
</td>
<td><img src="/images/clear.gif" width="5" height="7" alt=""></td>
</tr>
</table>
<br><br>
『お薦めYouTube』
<!-- 「The Heat is on」by Glenn Frey -->
[ここに変換した文字列を貼り付けます]
<br>
 テスト的に載せてます。
<!-- /「The Heat is on」by Glenn Frey -->
<br><br>

これで「YouTube」の動画がサイドバーに張り付きました。
コメント (2)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする