ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

You Tubeをブログに貼り付ける方法


まず基本としてこのソースを覚えましょう

基本ソース

[[embed(ここにURLを入れる,0,425,350)]]

解説しますと
基本的に音声・映像・フラッシュの貼り付け方と同じです。
1.ここにURLを入れる→はYou Tubeの映像のある場所のURLをはりつけます。
2.現在では「0」と表示していますが自動で映像を流す「ON」か「OFF」の違いオンにするのであれば「1」
3.現在では「425」と表示していますがこれは映像の横幅の値です。
4.現在では「350」と表示していますがこれは映像の縦幅の値です。

実践をサンプルを用いて解説


詳細は下記の通りの方法なのでよく読んで理解しましょう
ちょっと分かりにくいと思いますので例をとりあげています。


例えばこのアドレス先のYouTubeにあるこのページの映像を使いたいとする。
http://www.youtube.com/watch?v=_hBeRAhAnsI

そこに「Embed」のテキストエリアの中にあるURLを抜き出します。

これがEmbedのソース

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/_hBeRAhAnsI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/_hBeRAhAnsI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
これではまだ使い物にならないのである部分を抜き出します。


抜き出す部分は下記の部分で

サンプルソースです。

<param name="movie" value="http://www.youtube.com/v/_hBeRAhAnsI">

または

<embed src="http://www.youtube.com/v/_hBeRAhAnsI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350">

これが本体となるURLで、これをさらに必要な部分だけを抜き出す



これが本当に必要なURLです。
サンプルソースです。

http://www.youtube.com/v/_hBeRAhAnsI
つまり、これで準備が整います。



そこで上記でも解説した基本ソースをここで使うのです。

基本ソース

[[embed(ここにURLを入れる,0,425,350)]]



「ここにURLを入れる」という所に、そのURLを入れる

変更後のサンプルソースです。

[[embed(http://www.youtube.com/v/_hBeRAhAnsI,0,425,350)]]


完成するとこの通りです。



補足と注意事項

【ユーチューブのアドレスについて】

ユーチューブのYahoo!ブログに使うとき
そこのサイトのテキストエリアには「URL」「Embed」の二種類があります。

基本ソースに「URL」をそのまま使ってもこのブログで映像が出せる事も可能です。
しかし、たまに「URL」と「Embed」のタグのアドレスが違っていることがあります。
この時には「Embed」を使用するほうが確実ですので、そのやり方をここで説明しております。


【映像の幅を変える時について】

3.現在では「425」と表示していますがこれは映像の横幅の値です。
4.現在では「350」と表示していますがこれは映像の縦幅の値です。
について

数値を変える事によって、自由に映像の幅を変えられます。
横幅の最大値はこのブログの都合上「560」が限界で、これを超えるとページのデザインが乱れます。


【自動再生について】
自動で映像を流す「ON」か「OFF」の違いについてですが
Youtubeでは無意味ですので「0」ゼロの設定のままでOKです。

閉じる コメント(28)

顔アイコン

転載させていただきました♪ポチ

2007/10/29(月) 午前 5:04 [ - ]

顔アイコン

お勉強になります!
転載させてくださいね!ポチです♪

2007/10/30(火) 午後 6:32 pin*loa*wa*k

とてもわかりやすいです♪
転載させてください(´∀`人)

2007/11/1(木) 午前 0:01 [ roc*o_*0*4 ]

すっごくわかりやすいです☆ポチっと♪やってみま〜す♥

2007/11/1(木) 午前 0:33 チョコ

顔アイコン

はじめまして。
参考にさせて頂きました。ありがとうございます。ポチ!

2007/11/1(木) 午前 11:38 nagomi

ありがとうございます!!記事に載せれるようになりました!!
ポチっっと。

2007/11/25(日) 午後 6:45 やしにぃ

参考に参考にさせて頂きました。ありがとうございました。覚えきれるわけがないので、また参考にさせて頂く為にも、お気に入りポチっとさせて頂きます。

2007/11/28(水) 午後 7:45 Dr.サトー

顔アイコン

勉強します。有難うございました。時々、遊びに来ますね。

2007/12/7(金) 午前 0:17 [ ひまわり001 ]

参考にさせてください。お気に入りポチします。

2007/12/9(日) 午前 3:44 ☆a−min☆

はじめましてペコリ(o_ _)o))
とっても参考になりました。
傑作ぽちしていきます。
そして転載させてくださいペコリ(o_ _)o))

2008/1/30(水) 午後 9:46 [ あっきー ]

こちらの記事、大変わかりやすいので参考になります。
お気に入りポチさせていただきます!

2008/2/10(日) 午後 5:28 ジャンプ

参考になります。転載させてください。
傑作ポチ 押しますね。

2008/2/12(火) 午後 2:25 [ みろく ]

顔アイコン

アリガトウ出来ました^^*
ぽち^^

2008/3/2(日) 午前 3:16 こりん

顔アイコン

貼り付けられました!ありがとうございます。
カスタマイズ使用後の貼り付け方がいまいち理解出来ていません…。
宜しければ記事に追加していただけると幸いです。
ありがとうございます★

2008/3/30(日) 午前 6:48 [ 名無し ]

すごいです!!
YouTubeじゃないのでやってみたのですが、
思ってたとおりにできて感激です!!
傑作押していきます。

2008/4/6(日) 午後 0:31 ゆう

顔アイコン

参考になりました〜・・・感謝です〜
ヤフーへの動画貼り付けができました〜・・

2009/5/31(日) 午後 6:54 pipe(ピープ)

顔アイコン

参考にさせていただきました。ありがとうございます。

2009/7/11(土) 午後 8:27 [ 多喝(墨)水 ]

顔アイコン

参考にさせてください。

2009/7/25(土) 午前 1:07 勇払マリーナ(北海道

顔アイコン

色々お勉強させてください。
どうもありがとうございます。
ポチ☆

2009/7/25(土) 午前 11:41 [ いとこん ]

転載させてください!
お願いしま〜す(^^)
ぽち☆

2011/3/22(火) 午後 8:23 mike★maru

開く トラックバック(1)


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事