Liner Note

情報（ユーザー中心デザイン・ユーザビリティ）と技術（ウェブプログラミング・ウェブサービス）についてのメモ書き

YouTubeの埋め込みコードをXHTML validにするGreaseMonkeyスクリプト

leva
投稿日：
2007年01月07日（最終更新：2年1ヶ月と27日前）
読者の皆さんの反応
10
被ブックマーク数：
7

小粋空間: YouTube の Embed タグを XHTML valid にするで触れられているとおり、YouTubeで提示されている埋め込みコードはHTML文書でしか使えません。で、XHTML validにするコードをあげられている訳なんですが、さすがに手動でいじるのはめんどっちいのでGreaseMonkeyでやっちゃおうと画策。

Userscripts.orgに出ていたYouTube better embedというスクリプトはほぼニーズに近いんだけども、IE6では表示できないので、初出のリンク先に依って書き換えてみました。

ダウンロード
YouTube better embed Userscript (1KB)
2008/07/07
Youtube側の仕様変更に対応。より高画質で埋め込みされるようにコードを変更。
2007/11/15
Youtube側の仕様変更に対応。コードをやや変更しました。

書き換え後のコードはこんな感じになります、タイトルが不要であれば<p>YouTube: '+ title + '</p>の部分を消去してください。また、埋め込みサイズなども自由に変えることが出来ます。

サンプルコード

HTMLソースコード
<dl class="video"><dt><a href="http://jp.youtube.com/watch?v=lYFteeTFBe4&amp;fmt=18">SFC ドラゴンクエストⅢ : 冴えないゾーマ</a></dt><dd><object data="http://www.youtube.com/v/lYFteeTFBe4&amp;hl&amp;ap=%2526fmt%3D18" type="application/x-shockwave-flash" width="425" height="344"><param name="movie" value="http://www.youtube.com/v/lYFteeTFBe4&amp;hl&amp;ap=%2526fmt%3D18" /><param name="wmode" value="transparent" /></object></dd></dl>

実際に埋め込んでみた例

SFC ドラゴンクエストⅢ : 冴えないゾーマ
キーワード：

似たもの記事

読者の皆さんの反応サイト内コメントの更新情報（RSSフィード）

読者のコメント

8件

ブックマークコメント

2件

他サイトの関連記事

2件

読者のコメント

  1. お名前

    Noriya

    投稿日時
    2007年01月08日
    8時ごろ
    Comment No
    #1

    トラックバックの文字化けの件、お手数をおかけし、申し訳ありませんでした。
    手動トラックバック送信スクリプト
    http://pocari.org/tools/trackback/
    で、UTF-8を選んで送信したんですけど、やり方が間違っているのかな…

  2. お名前

    leva

    投稿日時
    2007年01月08日
    8時ごろ
    Comment No
    #2

    ここの文字コードもUTF-8ですし、同じスクリプトからテストトラックバックしてみましたけど、特に化けることもなかったんですけどね。どうしてでしょう?
    ちなみに、受信した内容はShift-JISを無理矢理UTF-8として表示したような化け方をしていました。

  3. お名前

    yamagata

    投稿日時
    2007年12月27日
    20時ごろ
    Comment No
    #3

    うまくいきません。途中までしか吐き出されません。

    途中で切れてしまいます

  4. お名前

    leva

    投稿日時
    2008年01月01日
    22時ごろ
    Comment No
    #4

    少し書き換えてみました。
    こちらではうまくできているようですが、そちらでも試していただけますか？

  5. お名前

    匿名

    投稿日時
    2008年07月08日
    20時ごろ
    Comment No
    #5

    コメントでご報告いただきありがとうございました。ばっちりでした。
    levaさんは大学生なんですね。GreaseMonkeyのスクリプトを書いちゃうなんて凄すぎて社会人の僕はへこみますね。。

  6. お名前

    匿名

    投稿日時
    2008年07月08日
    22時ごろ
    Comment No
    #6

    上記、匿名になってしまいました。すみません。

  7. お名前

    名無しさん

    投稿日時
    2008年11月30日
    7時ごろ
    Comment No
    #7

    定義リストに囲まれていて便利に使わせてもらっています。感謝です。

    objectタグの要素の内容に適当な説明を書くように求められています。

    とりあえず
    movie

    としてみましたが？

  8. お名前

    名無しさん

    投稿日時
    2009年11月20日
    9時ごろ
    Comment No
    #8

    サイズ変更をサイトから有効にできませんでしょうか？

はてなブックマークでつけられたコメント

ufomapさんのプロフィール画像  ufomap
YouTubeの埋め込みタグをWeb標準にして貼り付けられる。
定義リストでテキストリンクをプラスしている。
/51行目'' + t + '
' +（タグ：Greasemonkey, YouTube, web標準,）
matsu_papicoさんのプロフィール画像  matsu_papico
ここのレイアウト調整がなんかいい!

他サイトの関連記事

  1. ウェブサイト

    Noriya

    投稿日時
    2007年01月07日
    21時ごろ
    Comment No
    #1

    YouTube の埋め込みコードを XHTML Valid にするフィルター

    ProxomitronによってYouTubeの埋め込みコードを XHTML Valid にするフィルターです。（続きを読む）

    （註: このトラックバックは文字化けしていたので内容を推測し、管理人が修正いたしました）

  2. ウェブサイト

    オススメGreasemonkeyスクリプト | VIVASOFT

    投稿日時
    2007年03月27日
    17時ごろ
    Comment No
    #2

    [...] YouTubeの埋め込みコードをXHTML validにする [...]


トラックバックとは
この記事に言及したサイトをこちらに掲載する仕組みをトラックバックと言います。ここでは、このサイトに頂いたトラックバックを一覧表示しています。
トラックバックしてくださる方へ
この記事への言及がない記事など、トラックバック受信方針に沿っていないものは、読者にお見せしても仕方ないこともあり削除させていただいることをご了承ください。
トラックバックを受け取るためのURI

コメント書き込みフォーム

  • メールアドレスはウェブ上で公開したり、連絡以外で使うことはありません
  • コメントを公開したくないが、作者に連絡を取りたい場合は メールで連絡してください
  • 本文中にHTMLコードは使用できません（URLはそのままお書きください）