« おまわりさん | Home | 新しい新幹線「N700系」 »
2007年5月22日
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再発行したら追加したい。
他にも関連情報などありましたら、ぜひ教えてください。
トラックバック(9)
二度の喫煙騒動で事務所を解雇されたハロプロメンバーの加護亜依(19)。 現在は奈良県にある実家や親戚宅を転々としながら、一般人として生活を送っているという。 続きを読む
ブリトニーSUGEEEEEEEE!! 続きを読む
【ほしの○き】のお宝動画像★ 続きを読む
毎日自動更新です♪ 続きを読む
ブログを量産すると毎日の投稿が大変な作業量になります。本ツールを使えば複数のブログに間隔をおいて自動投稿することができます。ほったらかしが好きな人にはキーワードモードでネット上の記事を集めて投稿。文章を書く力があればシナリオモードでPingやトラックバックがとばせる自動投稿を使ってください。機械化出来る部分はツールに任せて，アフィリエイトを楽しみましょう。詳細は↓AutoPoster... 続きを読む
ヤフー動画 と YouTube 比較しました！ 続きを読む
どうやったらできるの？主婦のかんたん副収入をGET！ 続きを読む
AutoPoster ＜サーバー設置不要の無料ブログ・MTブログ自動投稿ツール＞ブログアフィリエイトに不可欠と言われている量産。それにかかる時間を、大いに短縮してくれるブログ自動投稿ツールです。サーバーにアップする必要がなく、手持ちのPCにインストール後設定するだけですぐに使用できるので、初心者の方にも使いやすいのではないでしょうか。毎日、コツコツと作業をすればいいとは分かってはいてもなかなか実践できずにいる人は多いと思います。（私もその一人です・・・）記事作成時間短縮をどう...... 続きを読む
●特に働かなくても収入が入るようになりました！●毎月ほぼ変わらない数値の安定収入を手に入れました！●独立したので嫌な上司にガミガミ言われることも無くなりました！●当然、自分一人で仕事をしているので毎日、毎日満員電車に揺られることも無くなりました！●豪華カリブ海クルーズに参加することも出来るようになりました！●たまに値札を気にせず思いっきり買い物できる状況になりました！●恋人とリッツカールトンホテルに泊まることも出来ました！●大好きな仲間に沖縄旅行をおごってあげることもできまし...... 続きを読む
YouTubeの話とは違うのですが・・・。
先日、YouTubeにアカウントを作ろうとしてなぜか受け付けてもらえず、eyeVioに作ってみました。
アップロードする操作は、特にわかりやすいとは思わなかったのですが、日本語なので、その点、Youtubeよりも易しいと思います。比較できてないので、たぶんですけど。
ブログへの投稿が、公開中のURLを指定すればだけでできることは簡単でいいかもと思いました（管理画面やいろんなCGIなどのちょっと面倒なURLは不要。ID,パスワードは必要なので、嫌な人もいるかも）
ちょっとブログに貼り付けたいだけの方にならおすすめ、と思いました。
動画貼り付けで、楽だと思うはVOXです。
元祖だけあって、youtube検索のインターフェースが素晴らしいっす。
http://www.sixapart.jp/vox/
こんにちは。
最近（2007年6月14日現在）機会があったので、調べてみました。
Yahoo!ブログは、独自タグ（wiki文法）を使うことで、Youtube動画が貼り付けられるようです。
ヤプログは、普通にhtml貼り付けでいけるようです。
So-netブログも同様にhtml貼り付けられます。
Windows Live スペースは、ちょっと加工（embedのタグだけを書き、objectのタグの部分はカットする）で行けましたよ。
あと有名どころだと、ドリコムブログもhtml貼り付けで行けました。
ご参考まで。
Seesaaブログなのですが、何度もyoutubeの動画貼り付けを
HTML直接編集で試してみたのですが、
どうしてもうまくいきません。
この記事を参考に、駄目元でエキサイトブログにやってみたら、表示できました。
一応ご報告まで。
wasabiさん、
情報ありがとうございます。
この記事の内容、もうかなり古くなってしまっていますね。今度アップデートした記事を作成したいと思います。
わざわざコメントいただき、本当にありがとうございます。
gooブログにYoutubeの動画をリンクさせることができました。
gooブログ「編集画面」左側のメニューにあるブログパーツをクリックして、「変換元タグ」にリンク元をコピペ。
「gooブログパーツに変換」をクリック、変換されたリンクをブログにコピペで動画が表示されました。
アメブロにYoutubeの動画ＵＰできましたよ～＠＠
おー、どんどん貼れるようになってますね。
楽天ブログでもつい最近YouTube対応したようです。