問題タブ [html5-video]

画像とビデオの両方を表示できる iPad で JavaScript を使用したギャラリーを構築しています。ギャラリーを閲覧するには、左または右にスワイプします (iPad の写真アプリケーションに似ています)。ただし、 <video> 要素をスワイプすると、タッチ イベントが機能しません。より高い z-index を持つ可能性のある要素であっても、私のタッチイベントを引き継ぐようです。e.preventDefault() を呼び出す touchmove ハンドラを追加しようとしましたが、それもうまくいかないようです。他の誰かがこの問題に遭遇し、解決策を見つけましたか?

ブラウザが html5 ビデオ タグを介して mp4 を再生できるかどうかを確認するにはどうすればよいですか?

ライトボックスの閉じるボタンがビデオの背後にあり、iPad (Safari ブラウザーとアプリの WebView) の前景にない理由を知っている人はいますか?

スクリーンショット: http://i.stack.imgur.com/SYI9w.png

他の要素 (画像ギャラリー、テキスト/HTML) を使用すると、閉じるボタンが正しくレンダリングされます。

Mac OS X (iOS ではない) の Safari では、閉じるボタンはビデオと同様に正しく機能します。

Lightbox は標準で、ビデオは video タグで埋め込まれています。

ヒントを事前にありがとう！

重複の可能性:
iPad Safari モバイルは、html5 ビデオ要素の z-indexing 位置を無視するようです

BrightCove smartplayer コードを使用して、HTML5 ビデオ タグをページに書き込みます。このコードは object タグを video タグに置き換えて、iPhone と iPad で機能するようにしますが、サポートしていないブラウザーでも機能します。

私が抱えている問題は、この動的に記述されたタグのレイヤー化にあります。z-index の順序に従っていないように見えるため、誰かがドロップダウンをロールオーバーすると、ビデオの上に配置したドロップダウンがビデオの後ろに表示されます。

では、HTML 5 準拠のビデオ プレーヤー (Video JS など) を使用して、ページ全体をリロードすることなく、ビデオを動的にロードするにはどうすればよいでしょうか? リンクのリスト (プレイリストのようなもの) と、各リンクがビデオを指していると想像してください。リンクをクリックすると、選択したビデオをプレーヤーにロードしたい。

現在、私はビデオ プレーヤーを保持する Iframe を使用しているので、基本的には Iframe に変数を渡し、それをリロードします。いくつかの理由から、これは理想的ではないと思います。ビデオを全画面表示にすることはできません。[戻る] ボタンは、メイン ページだけでなく Iframe を元に戻します。さらに、それは Iframe です。私はむしろこれを避けたいです。

アイデア？ありがとう！

「Javascript Fake Click」スクリプトを使用して、iPad で HTML5 の紹介ビデオを自動再生し、ランディング ページに誘導しています。

より高い z-index のビデオ要素の上に、単純な「イントロをスキップ」リンクがあります。このリンクは他のブラウザでは機能しますが、iPad (iOS 3.2.2) では機能しません。

iPadのビデオのクリックイベントがデフォルトでビデオを一時停止/再生することに関係している可能性があると思います。これを回避する方法についてのアイデアはありますか?

mwEmbed-player-static.js ライブラリを使用して、サイトでの動画の再生を処理しています。これは、スクリプトをロードできる静的ページではうまく機能し、それだけです。しかし、動画タグを動的コンテンツの一部として AJAX 経由で読み込んでも、何も起こりません。プレーヤーを再初期化するか、スクリプトをリロードする方法が必要です。誰もこれを以前に扱ったことがありますか？

次のようなビデオタグを使用したい zpt (zope ページテンプレート) があります。

ここで、FILE_LOCATION は plone のコンテンツ タイプになります。ファイルにアクセスするには、次の 3 つの方法のいずれかを使用できます。

obs: ブラウザーで最初または 2 番目の選択肢から返されたリンクをクリックすると、ブラウザーからダウンロード ウィンドウが開き、ファイルがダウンロードされます。

zpt では、次のようなことができます。

ここで、「python: file.absolut_url()」は他のオプションに変更できます。

しかし、そのオプションはどれも機能しています。ビデオを再生するブロックがページに表示されますが、ビデオは再生されません。
どうすればこれを機能させることができますか？

サーバーで生成されたフレームに基づいて、h.264 ビデオをブラウザーにストリーミングしたいと考えています。フレームは合成です。つまり、別の「実際のムービー」、mpeg などからのものではありません。シミュレーションの一部として個別に生成し、OpenGL/DirectX を使用して個々のフレームをレンダリングする可能性があります。私の素朴な概算では、ビットマップをメモリに確保し、レンダリングし、エンコーダーにその仕事をするように指示し、繰り返します。エンド ユーザーには、継続的にストリーミングされるビデオが表示されます。

Intel IPP など、いくつかの非 GPL ソフトウェアベースの h.264 エンコーダーを認識していますが、これらは多くの場合、リアルタイムで h.264 圧縮ができないことを理解しています。理想的な世界では、映画は数メガピクセル、たとえば 2 台の HD TV になります。そのために専用のハードウェアが必要であることは理解しています。これが可能な拡張カード、特別に接続されたサーバーなどを人々は認識していますか?

HTML5ビデオが特定の2番目の値に達したときに実行する基本的な関数を取得しようとしています。現在、私は運がなく、ここで助けが得られることを望んでいました。これまでに使用しているコードは次のとおりです。

私はビデオの周りで本当に基本的なコンテンツの交換をしたいだけですが、今のところあまり運がありません。助けてくれてありがとう！