モバイル Web アプリに動画を追加したいと考えています。最高の UX を実現するために、単純な静的なビデオ タグを使用することは避けたいと思います。(私の経験では、webkit アニメーションとビデオ + webkit アニメーションが常にうまく一緒に再生されるとは限らないためです。)
むしろ、ビデオに「リンク」するための画像 (再生アイコン付き) が必要です。モバイル YouTube (iOS で見られるように) はこれを非常にうまく行っており、画像をクリックすると、ビデオがフルスクリーンに「ポップアップ」して再生されるように見えます。彼らはどのようにこれを行うのですか?リンクですか?以前に隠されたビデオタグ?「ポッピング」を行うための webkit-animation はありますか?
Chrome Inspector (+ user agent switcher to iphone4) を使用してスヌープしましたが、ビデオはデスクトップ ブラウザーで再生されず、コード全体が非常に複雑に見えます..
手伝ってくれますか?