YouTube動画の貼付OKなブログ
「ブログにYouTubeの動画を貼り付けたいんだけど、うまくいかない」と質問を受けることがある。
うまくいかない理由は、たぶん２つのどちらか。
１．ブログサービス側の仕様の問題（HTMLタグ利用に制限がある）
２．管理画面で記事作成する際、HTML編集できる方法を使っていない
記事作成時に、HTML編集できる方法を使う
先に後者を簡単に解説。
ブログサービスによって異なるが、例えばココログの場合。
「初心者にやさしく」「HTMLに詳しい上級者にも満足」してもらえるよう、２種類の記事作成画面が用意されている。
初心者向けには、記事作成画面上で、写真の貼り付け状況や、文字の色や大きさなどが確認できるようになっていて、上級者向けには、HTMLタグを直接書き込んでの編集ができるようになっている。
↑切り替えは、本文作成欄右上の「記事の作成」「HTMLの編集」タブ。
YouTubeの動画をブログ記事内に張り付けるためには、「HTMLの編集」を選択しないといけない。
×「記事の作成」のままYouTube動画のHTMLソースコードを貼り付けた場合
○「HTMLの編集」にしてYouTube動画のHTMLソースコードを貼り付けた場合
YouTubeの動画が貼り付けられるブログサービスを利用
ブログサービスの中には、HTMLタグの利用が制限されているものも多い。「B」（太字）「I」（斜体）「FONT」（フォントの色や大きさ）など、文字を装飾するタグや写真を挿入するタグのみOKというような制限だったり、記事作成画面についているボタンの機能で文字装飾や写真挿入、ハイパーリンクをする以外の方法がないなど。
YouTubeの動画を貼り付けるためには、下記のような「埋め込み」用のHTMLソースコードを記事内にHTMLとして書き込まないといけない。
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/n336hYW7AVk"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/n336hYW7AVk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
↑これは、YouTube動画ページの「Embed」（埋め込み）というところにある
ところがこの“埋め込み”用のHTMLタグ、
ブログサービス側で利用制限されている場合も多い。
YouTube動画貼り付けOKなブログサービス
それでは、どんなブログサービスならOKだろうか？
全部ではないが、代表的なところを見てみた。
（自分のやり方が間違っているだけの可能性もあります／お気づきの方、コメント欄でご指摘ください）
- livedoorブログ（サンプル）
- SeeSaaブログ（サンプル）
- JUGEM（サンプル）・・・念のため「カスタマイズ」「JUGEMの設定」で自動改行を無効にしてから記事作成した
- てぃーだブログ（サンプル）
- FC2ブログ（サンプル）
- はてなダイアリー（サンプル）・・・サンプル日記内のタグ（[http://www.youtube.com/watch?v=n336hYW7AVk:movie]）を参考にしてみたら、簡単に投稿できた／日記で動画ファイルの再生プレーヤーを表示する（http記法）
- ココログ（サンプル）・・・記事作成時は「HTMLの編集」を選択
- ウェブリブログ（サンプル）・・・利用できるタグが多い
YouTube動画貼り付けNGだったブログサービス
YouTube動画の貼り付けがだめだったところでも、自社の動画共有サイトの動画はOKだったり、独自の動画ファイル貼り付け機能があるブログサービスもある。
- gooブログ（サンプル）（ヘルプ）・・・gooブログの「動画投稿機能」を使って、携帯電話撮影動画を公開することが可能）
- エキサイトブログ（サンプル）・・・「送信」ボタンを押すとアラートウィンドウが表示され、投稿できず
- Yahoo!ブログ（サンプル）（ヘルプ）・・・Yahoo!ビデオキャストの動画を貼り付けることができる（サンプル）
- 楽天ブログ・・・「HTMLタグの記述に誤りがあります」というエラーメッセージが表示され投稿できず／動画をメール添付で投稿することは可能（携帯電話撮影動画の他、MPEG1ムービー、AVIなども）
- Windows Live Spaces（サンプル）・・・「セキュリティ上の理由および書式設定上の理由により・・・」と書かれていて、ソースコードが表示されてしまう
- アメーバブログ（ヘルプ）・・・「記事内容に禁止タグが入力されています」というメッセージが表示され投稿できず／アメーバビジョンの動画を貼り付けることができる
- ヤプログ！（サンプル）（ヘルプ）・・・HTMLソースコードが表示されてしまい動画貼り付けできず／動画アップロード＆貼り付け機能あり（動画フォーマット「3GP,3G2,AMC,MPEG,MP4」に対応）
- Doblog（サンプル）（ヘルプ）・・・HTMLソースコードが表示されてしまい動画貼り付けできず
あと、「So-netブログ」をチェックしたかったんだけど、しばらくログインしていなかったら、すっかりIDを忘れてしまった。あとでID再発行したら追加したい。
他にも関連情報などありましたら、ぜひ教えてください。
「動画編集」カテゴリの記事
- マジッククリスマスツリー“モコモコ急速成長”動画 Part2(2008.12.25)
- ≪動画編≫さいたま市観光資源プレスツアー(2010.05.30)
- エーデルピルスは「三度注ぎ」が美味しい！(2008.07.21)
- YouTubeの「サムネイル画像」を変更する(2010.02.22)
- MONO-PORTALネット動画講座入門編で紹介した動画いろいろ(2010.02.22)
YouTubeの話とは違うのですが・・・。
先日、YouTubeにアカウントを作ろうとしてなぜか受け付けてもらえず、eyeVioに作ってみました。
アップロードする操作は、特にわかりやすいとは思わなかったのですが、日本語なので、その点、Youtubeよりも易しいと思います。比較できてないので、たぶんですけど。
ブログへの投稿が、公開中のURLを指定すればだけでできることは簡単でいいかもと思いました（管理画面やいろんなCGIなどのちょっと面倒なURLは不要。ID,パスワードは必要なので、嫌な人もいるかも）
ちょっとブログに貼り付けたいだけの方にならおすすめ、と思いました。
投稿者: キミコ (2007.05.22 18:20)
動画貼り付けで、楽だと思うはVOXです。
元祖だけあって、youtube検索のインターフェースが素晴らしいっす。
http://www.sixapart.jp/vox/
投稿者: みそっぷ (2007.05.22 21:07)
こんにちは。
最近（2007年6月14日現在）機会があったので、調べてみました。
Yahoo!ブログは、独自タグ（wiki文法）を使うことで、Youtube動画が貼り付けられるようです。
ヤプログは、普通にhtml貼り付けでいけるようです。
So-netブログも同様にhtml貼り付けられます。
Windows Live スペースは、ちょっと加工（embedのタグだけを書き、objectのタグの部分はカットする）で行けましたよ。
あと有名どころだと、ドリコムブログもhtml貼り付けで行けました。
ご参考まで。
投稿者: 北山雅人 (2007.06.15 18:51)
Seesaaブログなのですが、何度もyoutubeの動画貼り付けを
HTML直接編集で試してみたのですが、
どうしてもうまくいきません。
自動的にその部分だけ削除されてしまうようです・・・
なぜでしょうか・・・
元々のブログの初期設定に問題があるのでしょうか？
投稿者: 困った人 (2007.10.23 00:33)
wasabiさん、
情報ありがとうございます。
この記事の内容、もうかなり古くなってしまっていますね。今度アップデートした記事を作成したいと思います。
わざわざコメントいただき、本当にありがとうございます。
投稿者: わだ (2009.06.07 17:25)
gooブログにYoutubeの動画をリンクさせることができました。
gooブログ「編集画面」左側のメニューにあるブログパーツをクリックして、「変換元タグ」にリンク元をコピペ。
「gooブログパーツに変換」をクリック、変換されたリンクをブログにコピペで動画が表示されました。
投稿者: ブログ初心者 (2009.10.07 21:21)
弊社の新しいサイトです：http://www.29jps.net
興味あれば、是非一度サイトをご覧になって下さい！
よろしくお願いします！
投稿者: アバクロンビーフィッチ (2011.05.31 16:07)
Christian Louboutin
クリスチャンルブタン
クリスチャンルブタン靴
クリスチャンルブタン 通販
Christian Louboutin通販
Christian Louboutin 新作
クリスチャンルブタン 販売
クリスチャンルブタン 取扱店
ブランド 靴
投稿者: ブランド 靴 (2011.07.26 16:18)
こんにちは、世界のブランド品はいよいよここで販売します～
デザインが多い、品質がよい、価値も安い、
皆さん、よろしくお願いします～
http://www.jousitsu.net/
投稿者: ブランド バッグ (2011.07.28 15:41)
こんにちは弊社は一流のブランドコビーを販売しています！
◆主要取扱商品 バッグや財布や服やUGG靴など！
高品質 安心 最低価格保証。
アグ 激安：http://www.brand-konn.com
投稿者: アグ (2011.10.12 12:36)
質問が広告に変わってます。
”gooブログに楽天の動画がうまく貼れません”指南お願い。
youbetuは簡単に貼れるが、楽天アフェリの動画がうまく貼れない。
何か方法があるか教えてほしい！
投稿者: charedogawa (2013.03.30 16:37)
内容に関連性のある記事からのトラックバックは歓迎です。記事内リンクも特に必要ありません。過去交流のないブログでもまったく問題ありません。ただし「単に部分的なキーワードつながり（関連性が薄すぎ）」「自動で大量トラックバック送信」「自身がトラックバックを受付けていないブログからの一方的なトラックバック」は、削除します。
- 2013.03.25 農業テーマにした大規EXPO第一回「北京農業カーニバル（嘉年華）」（後編） C (1) | TB (0)
- 2013.03.25 農業テーマにした大規EXPO第一回「北京農業カーニバル（嘉年華）」（前編） C (1) | TB (0)
- 2013.03.22 中国北京の温泉を初体験！～九華山庄 C (1) | TB (0)
- 2013.03.17 インターネットで温泉施設利用クーポン券を格安購入！ C (0) | TB (0)
- 2013.03.14 北京開催「サンフレッチェ広島 vs 北京国安戦」観戦 C (1) | TB (0)
- 2013.03.10 [中国ネット事情] 360buy.com（京東商城）で商品注文→翌日着荷した！！！ C (2) | TB (0)
- 2013.03.07 中国の殺虫剤 C (1) | TB (0)
- 2013.03.07 北京の日本大使館に行ってきました C (0) | TB (0)
- 2013.03.04 中国語の授業が始まりました・・・が！！！うー、全然ついていけず(>_<) C (1) | TB (0)
- 2013.03.03 最初の週末プチ旅行は世界遺産・周口店「北京原人」遺跡 C (0) | TB (0)
- 2013.03.02 北京郵電大学クラス分け試験と入学式＆オリエン C (0) | TB (0)
- 2013.02.28 中国で“大気汚染”な一日を初体験 C (0) | TB (0)
- 2013.02.27 北京市政交通カード「一卡通」作成＆“初”互相学習！ C (2) | TB (0)
- 2013.02.26 買い物三昧の北京滞在２日目！ C (0) | TB (0)
- 2013.02.26 中国・北京に到着！半年間ここで生活することにしました C (1) | TB (0)
- 2013.02.23 売れるショップ作りを強力支援！高機能ショッピングカート「クラフトカート」誕生（追加） C (0) | TB (0)
- 2013.02.22 売れるショップ作りを強力支援！高機能ショッピングカート「クラフトカート」誕生 C (0) | TB (0)
- 2013.02.20 「濱文様」の風呂敷バッグ C (0) | TB (0)
- 2013.02.15 花粉対策グラス「スカッシースマート２」 C (0) | TB (0)
- 2013.02.14 何でも切れる二枚刃の小型電動のこぎり「デュアルソーダブルカッター」で粗大ゴミを解体処分！（５） C (4) | TB (0)
