2012-04-18 4 views
0

私のモバイルwebappにいくつかのビデオを追加します。最高のUXのために、私は単純な静的なビデオタグを持つことを避けたいと思います。 (Webkitアニメーションとビデオ+ Webkitアニメーションの要素が常に私の経験でうまくいっているわけではないからです)。モバイルYouTubeはどのように動画を再生しますか?

むしろ、私はそれに再生アイコンを付けたいと思います。ビデオへの「リンク」。 Mobile YouTube(iOSに見られるように)は、画像をクリックするとビデオがフルスクリーン表示されて再生されるような場所で、非常にうまくいきました。彼らはどのようにこれを行うのですか?それはリンクですか?以前隠されたビデオタグですか?いくつかのWebkitアニメーションは、 "ポップ"を行うには?

私はクロームインスペクター(iPhone4のに+ユーザエージェントスイッチャー)を使用して、周りの詮索が、ビデオはデスクトップブラウザ上で再生されない、とのコードは、全体的な非常に複雑になります。..

あなたは助けることはできますか?私は(例えばWebKitの。)あなたは、特定のブラウザでthisに似た何かを行うことができると信じて

答えて

0

あなたは何ができるか

+0

実際には、YouTubeリンクをクリックすると、iOSデバイスのyoutube用のアプリケーションが自動的に開きます。かつて私はそれの代わりにm.youyube.comに行きました、そして、私は後者があまり便利でないと考えます。 – kirilloid

+0

最後に、私は彼らがどのようにしているかを知っていました。小さな2x1pxビデオタグがそこに隠されていて、onClickサムネイルでプログラムで再生されています。あなたが言ったように、ビデオがポップアウトし、フルスクリーンで自動的に再生されます。簡単なピーシー.. – jenswirf

+0

あなたがこれをやった方法についてもう少し詳しく説明してください。私はちょうど同じことをやろうとし始めました。ありがとう – mattl

0

がオンクリック動画サムネイルのある、あなたは、オブジェクト/埋め込みタグを使って動画のURLを読み込むことができます。 IOSでは、ビデオが再生を開始するたびに自動的にフルスクリーンで再生されます(IOS自体の機能)

関連する問題