youtubeの埋め込みをXHTML Validに。かつHTML5対応でIpadやIphoneでも表示させる。

僕のBlogは無駄に(?)Validatorチェックを通すのをポリシーに作っているが故に、youtubeの埋め込みコードを、せっせとEmbedタグをobjectタグに直して使っていましたが、、、それだとiphoneやipadではobjectタグの代替テキストが表示されるだけになってしまいます。

でもサムネイルはやっぱり出てほしい。。ということで、、ちょいと調べましたところ、いくつかxhtml1できれいに埋め込むブックマークレットはあったものの、いまいち、、、、

ということで、思い切ってyoutube html5。あたりでググってみたところ。ありました。

HTML5 に対応した Youtube 動画を貼る方法

情報いただきます。ありがとうございますっ

iframeを使います。

今後はこれをお手本に貼り付けようかと思いますので自分用にメモ。

<iframe class="youtube-player" src="http://www.youtube.com/embed/NdBptlmu7kA" title="a BMW motorcycle story- WITH RIGHTS APPROVAL NOW! " width="480" frameborder="0" height="385"></iframe>

基本的に、書き換えるところは、src=のURLのところと、title=のところ。場合によってはwidthと heightでしょうか。

あと、これは一回やればOKですが、CSSに以下を足しておきます。

.youtube-player {
border: none;
}

するってーと。こうなりました。いぇい。

photo

で。

まだまだがんばっております。

Valid XHTML 1.0 Transitional

正当なCSSです!

[Valid Atom 1.0]

[Check result of Another HTML-lint]

youtubeを埋め込むときの過去の記事

2011年1月23日 23時16分 | Tweet this icon

こまかiphone tips

こまかっ!

  • 日本語入力でいったん確定した後、本体を振ると「取り消す」ってでる。
  • キーボード切り替え(地球儀?)をフリックすると、切り替えるキーボード一覧
  • ロック画面でホームボタン×2でiPodのコントロール
  • 下にスクロールしてるときに上の方(時間のところ)をタップすると、トップへ

メモ

2011年1月23日 22時19分 | Tweet this icon

感動した。おやじのBMWをリストア。

やばい。最後の1枚で、全米が、泣いた。

ええ話や。

らばQの記事から。

2011年1月21日 0時00分 | Tweet this icon

ちゃちご。ぴたん。

今日は帰りに、安物ですが、イチゴのショートケーキを買って帰りました。

というのは、嫁のTweetに反応して。。。

「ぴたん」がミカン、「ちゃーちーごー」がイチゴ、「ななな」はバナナ、「にゃりご」がリンゴ、「しゃしゃ」がソーダ、「うみ」がグミ。唯一正しい発音が「桃」わからん!

引用:嫁のTweetより

ちょっと見づらいですが、たしかにこれのみかんを指差して「ぴたん!ぴたん!」と言ってた。

photo

そいで、帰りに嫁に「そろそろ帰るよ」と電話したら、伝染ってしまったのか、、、「今日は大変だったのよ、テレビでケーキが映ってて、それ見てちゃちごのきぇーきたべりゅって聞かなくって。」というので、、、

ちゃちごのきぇーき。って。。。

2011年1月20日 0時32分 | Tweet this icon

今日のオリオン座

今日は月齢15。満月。またの名を望月(もちづき)です。もち好きですので。

夜空を見上げますが、なんとも今日は本当に冬のきれいな月です。

が。

いっつも月というのもなんなので、あえてオリオン座です。

DSC_0616

こいつが見えると、ああ冬だな。と思います。

2011年1月20日 0時27分 | Tweet this icon

キングジムっていい会社だと思う。「ショットノート」とか普通の会社には開発できないと思う。

engadgetの記事から。

iphoneで撮影して取り込む「専用」のメモパッド。「ショットノート」です。

bg-main-visual-01.jpg

メモを書いて、そのメモをアプリから撮影すると、四隅のマークをアプリが認識して、台形補正、色調補正を行って、取り込み。メモはevernote連携。

件名の欄と日付はOCRして検索インデックス化。なんというか。完璧です。

「ちょっとだけ便利にする」という付加価値をつけてただのメモパッドを普通よりちょっとだけ高く売る。

「アナログとデジタルを行き交う文具メーカー、キングジムからまた」という言葉で始まるengadgetの記事。この表現は、本当にキングジムに対する賛辞だと思う。

会社として、「拾ってる」感じがします。おそらく当たり前のものを差別化して売るための開発に対して、社員のアイディアをきちんと拾い上げて、マーケティング含め、企業全体が哲学をもって動いているのだろうな。そういうことに本気の社風なんだろうなと。最近の製品をみていると、それぞれの「ほかと確実なメッセージで差別化された」その製品ラインナップに感動すら憶えます。

就職先を探している学生諸君はこういう会社を探して行くべきだと思う。

本気でそう思います。

2011年1月12日 21時58分 | Tweet this icon

今日の月 と 青 2011年1月10日

気が付けば10日です。もう正月気分もぶっ飛ぶくらい、月も半ば。毎日三日月撮ってばっかりですが、、

今日も素晴らしいマジックアワー。ここしばらくは、高気圧に覆われそうな関東地方。16:30ごろの日没~17:50くらいまでの真っ暗になるまでの時間、できることなら西の空を見上げてみたいと思います。

こういう冬には、つくづく日本海側に住んでいなくて良かったと思ったり。。。

太平洋側は、月がきれいなんつってますが。。日本海側の冬は本気で大変そうです。

moon20110110-5

moon20110110-4

さて、また明日からがんばりますかいな。

2011年1月10日 22時10分 | Tweet this icon

今日の月 2011年1月9日

もちをついて、帰ってきたら、きれいな月でした。

moon20110109-3

moon20110109-2

わおおおーーーーーん

2011年1月 9日 21時34分 | Tweet this icon


<<のページへ 1234567891011
About..もちこらむ
  • 1)柴犬・富士山と、家族の件
  • 2)吾唯足知といいつつ物欲と戦う
  • 3)自分用の覚書メモ
  • 4)コンピュータとインターネット
  • 5)カメラとビデオ
  • 6)工作その他
  • 7)なぜか月
  • というblog。
Flickr Pickup
Categories
Feed
Tags
Archives
Moon
  • moon
Bookmarks
Count
  • nakanohito
Meta
Twitter
Powered by
Ad