もちこらむ: movabletypeアーカイブ3

ホーム > movabletype

youtubeをXHTML1.0に埋め込む時のブックマークレット

youtubeの埋め込みコードをそのまま使うと、XHTML Validになりません。

ちょっと前まで、小粋空間さんのYoutube の貼り付け用 HTML を valid にするスクリプトをつかわせていただいていました。

ところが、これはこれで、最初のobjectタグに Title属性を追加する、objectタグの間に等価な内容を追加する。とやらないと、完全にはValidになりません。

その分は手で書いていたんですが、最近iphoneからアクセスしたら、動画部分がobjectタグに書いた等価な内容。というのがテキストで表示されているだけなのに気がつきました。

objectタグの間にyoutube動画にリンクするようにaタグを書く、、というのもいちいち面倒。。。

ということで調べていたら、YouTube動画をXHTML1でValidに埋め込むタグ生成ブックマークレット - digitrick Labsを見つけまして、早速使ってみました。

title属性も、objectの内容も、しかも動画のタイトルに「youtube-タイトル」とまで自動的に追加されていて、いい感じです。

iphoneのsafariでも埋め込んで見えるといいんですが、テキストにリンクが表示されるだけでもだいぶいいですね。

2009年10月25日 16時08分 |

tag:

googleドキュメントをwebに貼る　かつValidに。

googleドキュメントはwebに張ることができるということを知ったのでメモ

さて、、、問題はこれがちゃんとxhtml Validな感じで表現されるかなということですが、ソースを見る限りはちょこちょこっとやれば大丈夫そう。かな。。

ドキュメントを適当につくったら、画面の右上の「共有」から「Webページとして公開」として保存して、URLをコピーしたら、google web erementsのサイトにいって、あとは張りたいアイテムの先の入力欄を埋めるだけです。

とりあえず、google mapsやyoutubeの埋め込みと一緒で、iframeタグのtitle属性と、代替テキストをiframeと/iframeの間に書いてあげる、border=0とかをとってしまえばよさそうです。

ちなみにスプレッドシートは結構面倒だったけど、プレゼンテーションのほうは「共有」ボタンのところに「公開埋め込み」ってのがついててさらに簡単だった。

2009年9月14日 21時45分 |

tag:

W3C Valid

@styleさんのテンプレート

と、、改造した部分などだけちょこちょこと手直しして、w3cのチェックなどでpassして喜んでいるわけですが、そもそも。そもそも　このblogに使わせてもらっている「@style」さんのテンプレートは、web標準に準拠してつくられているわけで、これを適用した瞬間にとりあえずはpassするのです。だいぶ弄繰り回していますが、一からディフォルトテンプレートつかってたら、やる気ゼロでした。

このページでは、これを使わせていただいています。感謝

MovableType 4.2 無料テンプレート 2Column 2nd[アットスタイル]

2009年8月31日 0時11分 |