Posted by をかもと at 2008年3月11日 火曜日
YouTube 等で公開されている動画をブログに埋め込むタグには embed 要素が含まれていて、そのまま貼り付けると XHTML Valid になりません。
これを XHTML Valid なタグに変換するには、こんな感じで書き換えてやる必要があります。
変換前
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/dt25pztvX-U"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/dt25pztvX-U" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed> </object>
変換後
<object data="http://www.youtube.com/v/dt25pztvX-U" type="application/x-shockwave-flash" width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/dt25pztvX-U" /> <param name="wmode" value="transparent" /> </object>
参考：小粋空間: YouTube の Embed タグを XHTML valid にする
毎回変換するのも面倒だし、過去記事を修正するのも面倒なので、プラグイン化してみました。
各サイトで配布されている Embed タグが埋め込んであると、XHTML Valid なタグに変換してくれるはず。
十分にテストはしていませんが、よろしければお使いください。
ダウンロード後、拡張子を php に変更して wp-content/plugins/ に保存すれば、使用できるようになります。
使用するにはプラグインを有効化するだけでおっけ…のはず。
- 投稿者 / 日付:
-
/
2008年3月11日 火曜日 18:06:17 ( 最終更新日: 2009年6月18日 木曜日 15:53:09 )
- カテゴリー:
- タグ:
- Tweet this:
- コメント / TB:
-
/
- トラックバック URI:
つぶやくこのブログで関連すると思われる他の投稿
RSSリーダーで購読する
お初です。
早速、プラグインにアップしたんですが、どうしてもデザインが崩れてしまうようです。
多分、をかもと様のプラグイン影響ではなく、こちらの問題なのではないかと思うのですが・・・なんともはや。
非常に悲しいです。
昔のエントリーで貼っているYouTubeには効いているんですけど、なぜか、をかもと様のエントリーをしようと、新たにYouTubeを貼り付けたとたんにデザインが崩れまくりでした・・・（泣）原因が分からないだけに残念です。
TBしちゃいましたけど、消していただいて結構です。
・・・何か原因になるようなことってありますかね？？って、そのデザインは元に戻してしまったので分からないでしょうか。
出来れば使わせて頂きたいのですが・・・。
しゅうさん、はじめまして。
多少、修正してみました。これでどうでしょう？
原因が分からないので、修正がこれで正しいかどうか分かりませんが (^^;
TB は消しておきますね。
をかもとさん、レス有難うございます！
どうやら・・・再編集をするとデザインが崩れるようなんです。
何でなのでしょうか？(^^ゞ
でも、折角ですので使わせてくださいませ！
TB送ったのですが、現在のエントリーをもう一度削除して投稿し直しますので
（一発勝負？みたいなのでｗ）
リンクだけさせて頂いて、TBは送らないようにいたしますね。
でも、何故なんでしょうか・・・おかしいなぁ？？
しゅうさん、どもです。
ひょっとしてビジュアルエディタ使ってます？
私は普段、ビジュアルエディタは使わないんで、そちらでは試してないんですよ。
今日は、ちょっと試してる暇がないので、明日以降に検証してみます。
お忙しいところ申し訳ありません。
ビジュアルエディタは使っていません。投稿その他、コード入力でなのですが。
またお邪魔いたします！
しゅうさん、どもです。
このプラグインは、投稿内容を書き換えたりとかはしてなくて、表示前に毎回動的に変換してるだけなんですよ。
なので、再編集するとおかしくなるっていう現象が、なぜ起こるのかがわかりません。
時間があるときにジックリと調査してみますね。
覚えておこう。