読者です 読者をやめる 読者になる 読者になる

スマホへのyoutube埋め込み

スマホクロスプラットフォーム動画対応とか自分でやろうと思ったら大変すぎるのでyoutubeにあげて埋め込むに限る。方法は2つ。どっちも簡単だけど一長一短。なお、検証したのはiOS4.3、Android2.3(Xperia arc

リンク

まず一個目。リンク。

<a href='http://www.youtube.com/watch?v=***'>どうが</a>
  • サムネイルとか自分が好きなのを設定できる
  • テキストリンクとかも可能
  • iPhoneの場合は強制的にyoutubeアプリが起動
  • Androidの場合はアプリの選択画面になる。ブラウザを選べばyoutubeのページに遷移、youtubeアプリを選べばyoutubeアプリが起動
  • 再生後、元のページに戻るのが少し大変なのがデメリット

iframe

二つ目、iframe。youtubeの動画画面にあるiframeをコピペでOK。サイズもご自由に。

<iframe width="300" height="233" src="http://www.youtube.com/embed/***" frameborder="0" allowfullscreen></iframe>
  • サムネイルはyoutubeが提供するものになる(サムネイルを選べないのがデメリット)
  • iPhoneはフルスクリーンで再生する
  • Androidはインラインで再生できる(ユーザーの操作でフルクリーンにもできる)
  • 元ページに戻るのが容易(AndroidはインラインだしiPhoneも動画閉じれば元ページ)