ホーム > ソフトウェアとlifehack

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からプリントする。その2。ネットプリントジャパンにお願いしてみる。

AirPrintでプリントするなんて思いもつかなかったので、年末に写真をプリントアウトするのに、オンラインのプリント屋さんを試してみました。

iphone用の専用アプリがあるということで、「5円プリント」のネットプリントジャパンをつかってみることにしました。

アプリをダウンロードして、開いてみます。

20100102-5.jpg

写真を選んで、

20100102-6.jpg

と、ここでいったん写真をメモリに突っ込んでいるのか、メモリ不足で一回落ちちゃいました。が、iphoneを再起動してすぐにやり直したら、選んだ写真はそのまま、途中からやり直せました。

このアプリを使う前に、一回メモリの開放をしたほうがよさそうです。メモリの開放についてはまた。別途

で、最後にクレジットカードの番号と送り先を入れて、、と。

そしたら、発注後"ど"年末にもかかわらず、2日で届きました。

20100102-8.jpg

こんだけ頼んで、1枚5円なので、1000円くらい。送料もダンボールできたけど、メール便の90円。いいのかこれで。

20100102-7.jpg

なんか間違えて、リサイズした奴もまざってたみたいで、それはさすがに画質が荒かったけど、普通にカメラアプリで取った奴は、まあそれなりにアルバムに張っておけそうです。多少補正がかかってるのか、色が転んでいる気がするけれど、まあよし、という感じ。

なんじゃかんじゃ言っても。やっぱり写真の保管は紙ですな。ディスクにだいぶたまってるけど、、もはや整理&ミラーしながら故障におびえて保存。って結構しんどくなってきた。

で、これって送り先を実家にすれば、実はphotovisionと同じ使い勝手。。。というかむしろこっちのほうが喜ばれるんじゃないかと。。。。。思ったり。

2011年1月 2日 21時39分 | Tweet this icon

brother Mymio MFC-830CLNでAirPrintつかってiphoneから印刷

iOS4.2にすると、iphoneから印刷ができるようになるというAirPrintが入ります。早速試してみました。

まずは、、hpのAirprint対応プリンタを購入。と。。。そんなわけもなく。家にあるプリンタでなんとかしたいものです。

うちにあるのは、嫁さんのA3いけるEPSONもありますが、これはUSBで嫁さんのMacにつながってるので、却下して、、もう一台はもう結構前の型ですが、無線LANはないけれど、電話にFAXにスキャナも、電話の子機も付いてるし、単体でコピーもできちゃうという、すぐれプリンタのMymio MFC-830CLNです。

ぐぐったら、Macからプリンタ共有すればAirPrintできるという情報がありました。ありますねえ。AirPrintのサポートしないプリンターでもAirPrintを使う - iPod LOVE

Mac用のAirPrintあくちべーた。AirPrint Activator

早速Mac miniに入れてみます。

airprintactivator.jpg

さっくり動きました。

そいで、環境設定から、鍵をはずして、Mymioを共有します。

ariprint.jpg

そいで、iphoneから、印刷。と。おお「プリント」ってのが増えてますね。写真も、メールとかもいけるみたいです。

20100102-2.jpg

さて、プリンタを探してみますか。

20100102-3.jpg

ありました!

20100102-4.jpg

では、印刷!

20100102-1.jpg

で、出てきた紙を見てみたら、、、、、、、、、、、、、、年賀はがき。。。。。。。。。。orz

挿しっぱなしだった。。。。

考えてみたら、用紙設定するところがなかったな。これで大丈夫なんだろうか。

とりあえず、これで印刷できることがわかったので、地図とか、そういうのも出せるかな。

2011年1月 2日 20時56分 | Tweet this icon

iphone3gsでもskypeでビデオ通話できた!

たまたま、遠く離れた実家と、skypeでビデオで話す機会があり。これはいけていると思いつつ。

嫁がiphone4にしたので、これはビデオ通話できんじゃね?と、それぞれのiphoneにskypeで通話してみることに。で、、、見事に3gsはビデオの送信も受信もできず。。。。で、ぐぐったら。

なんというタイミングか、昨日Skype for iphoneの3.0がリリースされて、3gsでもビデオ通話できるってな感じじゃないかと。

バージョンを見てみたら確かに、2だったので、app storeアイコンをクリックするかしないかのところで、赤い丸に(1)って書いてある、、、

アップデートをみたら、まさしくそこにはskypeのアイコンが。すごいタイミングだなぁ

ためしに、WebカメラつけたMac miniにも発信してみましたが、画面共有も、普通にOkだし。

こりゃすげえや。

20100101-3.jpg

ただ、まあ、3gsは裏にカメラ付いてるので、相手の顔を見ながら自分の顔を送る。というのは不可能です。ためしに嫁の化粧用の手鏡とか、やってみましたが、まあ無理っすね。

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

地図と写真をマップする。一画面で。

そうか。画面の半分をカメラにして、半分を地図にすれば。。。

ということで、iphopneのアプリ、カメラマップです。

photo

要するにこういうことなんですが、これは使い道無限ですね。

ただ、撮影する機能は無いので、スクリーンショットを撮るわけですが。。。

  • 待ち合わせするときに、「いまここ」と風景と地図を一緒にメールで送る。
  • 地図を見ながら歩く。
  • 店の概観とか食べてるものと地図を一緒に紹介する。
  • お客さんのところに訪問してビルの前で取って、、場所を覚える。そのあと名刺も写真に撮ったり
  • 行った先の思い出写真とセットでこれもとっておく。

などなど。。。。写真と地図がくっつく可能性のなんというか、一番先っぽにあるような気がします。

2010年12月29日 23時18分 | 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