今日の研究：TinyMCE for Movable Typeで、YouTubeの映像を表示する。
2006年11月25日 09:48
今日のコラムは、Movable Type等で作られたブログで、YouTubeの映像が表示されていることも多くなったけど、どうやればいいのかという方に贈りたい。
あなたが、Movable Typeのユーザーで、TinyMCE for Movable Typeインストールしていれば、実に簡単にブログに映像を貼り付けられる。
※応用次第で、Movable Type以外にも対応できると思う。
１．YouTubeから貼り付けたい映像を選択。
この映像にすることにした。
２．必要情報をコピー
URLではなく、Embedを全てコピーすること。
３．新規エントリーを立ち上げて、HTML編集窓を開く。
HTMLと書かれたボタンを押せば、HTMLソース編集窓が開く。
４．先ほどコピーしたテキストをペースト。
５．表示サイズを変更したい場合は任意の大きさに修正。
初期の表示サイズはwith="425" height="350"となってる。
大きさを変更したい場合は、下記の赤字部分を任意の大きさに変更する。
※比率は横17：縦14
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/BMEGPCA2Sr4">
</param>
<param name="wmode" value="transparent">
</param>
<embed xsrc="http://www.youtube.com/v/BMEGPCA2Sr4" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350">
</embed>
</object>
６．投稿画面に映像が貼り付けられた事を確認。
ソースが間違っていると、投稿画面では表示はされても、公開画面では表示されないことがあるので、ご注意。
ソース編集画面で更新ボタンを押すと、エントリー画面に任意の大きさで映像が貼り付けられる。
７．表示および動作の確認。
プレビューボタンを押すと、実際の表示画面に近い表示が確認できる。
８．保存して公開。
問題がなければ保存して公開する。
ご覧のようにブログで映像が表示できるようになった。
◆使用例
◆ナイトメアー・ビフォア・クリスマス
1993年公開
製作総指揮・原案：ティム・バートン
監督：ヘンリー・セリック
作曲・作詞：ダニー・エルフマン
ティム・バートンが贈る、大人も子供も楽しめる、クリスマスにぴったりの人形アニメ。
ハロウィンタウンはお化けの世界だ。支配者ジャック・スケリントンは、ある日、偶然迷いこんだクリスマスタウンの楽しい光景に、すっかり魅せら、ハロウィンタウンでクリスマスを行うことを思いつく。
棺おけのそりに骸骨のトナカイ、配る先々で絶叫のおこるプレゼント、さらにはサンタクロースの誘拐と、お化けの町ならではの、なんとも不気味なクリスマスが始まる。
とても不気味なはずのキャラクターが登場するのに、美しく可愛いという不思議な世界にあなたはとりこになることだろう。
ナイトメアー・ビフォア・クリスマス コレクターズ・エディション
ブエナ・ビスタ・ホーム・エンターテイメント 2006-11-22
売り上げランキング : 156
おすすめ平均
￥ 3,121
通常24時間以内に発送
Amazonで「ナイトメアー・ビフォア・クリスマス コレクターズ・エディション」を詳しく見る
CM映像を使ったりすれば、他の有効活用の仕方があると思う。
参考になれば幸い。
投稿者: Dakiny 日時: 2006年11月25日 09:48 | 
| 
トラックバック
このエントリーのトラックバックURL:
http://www.dakiny.com/mtos/mt-tb.cgi/1221
※文章内容と関係のないトラックバックは固くお断り。
この一覧は、次のエントリーを参照しています: 今日の研究：TinyMCE for Movable Typeで、YouTubeの映像を表示する。:
» ティム・バートンJP from ティム・バートンJP
映画監督ティム・バートンのアンオフィシャルサイト [詳しくはこちら]
トラックバック時刻: 2007年2月21日 02:26
コメント
こんにちは。
高山MLのみやびです。始めまして♪ですね(*^-^*)
今日、たまたまメンバーさんたちのホームページを見てまして、Dakinyさんの所も覗かせてもらいました。
ナイトメアビフォアクリスマス、大好きなんですよ。
この動画、私も自分のブログに貼ったりしてもいいんですか？
なんだかグッドタイミングで覗いちゃったな～♪
投稿者: みやび | 2006年11月27日 15:20
みやびさん、はじめまして。
YouTubuに置いてある映像を掲載するだけなら問題ありません。
ダウンロードした映像を掲載する場合は著作権によりますので注意してください。
YouTubeに置いてある映像が著作権的に問題あれば、YouTubuの責任ですが、個人でダウンロードして自分のサーバーにあげた場合は個人の責任になります。
投稿者: Dakiny | 2006年11月27日 16:30
自分のものにしてしまうのは駄目だけど、リンクを貼るなら大丈夫って事？ですよね？ありがとうございました。
投稿者: みやび | 2006年11月27日 16:44
ふたたびみやびです。“あなたが、Movable Typeのユーザーで、TinyMCE for Movable Typeインストールしていれば”の意味を理解せず、先走ってしまいました。Embedをコピーして貼り付けても表示されませんでした。たぶんトンチンカンな事をしてるんですね。
投稿者: みやび | 2006年11月27日 17:06
別にMovable Typeのユーザーじゃなくても、ご利用のブログがHTMLタグの利用制限がなければ、大丈夫です。
※HTMLタグの利用制限がある場合は使えまえせん。
投稿者: Dakiny | 2006年11月27日 17:17
何度も何度も何度もほんとスイマセン。どーーーしても原因を知りたくて、調べまくりました。gooブログなせいでした。自分のホームページ(OCN)にタグを貼り付けて見てみたら、ちゃんと表示されるんですよ。でもgooブログにタグを貼り付けると、そのまんまタグが表示されます。gooはタグの制限が厳しいみたい。ザンネンです。。。使いやすいブログを探してさまよってgooブログにしたのですが。。。色々お手数おかけしました。ありがとうございました。
投稿者: みやび | 2006年11月27日 18:17
そんなみやびさんには…Voxがお勧めです。
http://www.vox.com/
入会は自由、無料で利用できます(^^)
投稿者: Dakiny | 2006年11月27日 18:46
おはようございます。色々とありがとうございます(*^-^*)Vox、後でゆっくり見てみます。チラリと見たら、なんかいい感じでした。申し込んでみようかな♪
投稿者: みやび | 2006年11月28日 08:08