問題タブ [html5-video]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2218 参照

html - iPad + HTML5 ビデオで動作するコンテンツ スクローラー?

私はコンテンツ スクローラー (「カルーセル」コンポーネント) と HTML5 ビデオ ライブラリを探しています。これはブラウザー間でうまく機能しますが、最も重要なのは HTML5 ビデオと iPad を適切に処理することです。AnythingScroller + JW HTML5 Player を試してみましたが、Safari 5 と iPad では動作しません。最も単純なページであっても、HTML5 ビデオはスクローラー コンポーネントの外に出ます。

この例を見てください。

そのスクローラーで html5media ライブラリーも試してみましたが、IE のビデオでは機能しませんでした。

誰でも提案があります

  • 動画を扱うコンテンツスクローラー
  • Flash フォールバックを備えた HTML5 ビデオ ライブラリ?

ありがとうございました。

0 投票する
2 に答える
670 参照

javascript - Javascript、ビデオのスマートフォン検出?

より良い方法があれば、私はそれですべてです。しかし、私は自分のサイトでスマートフォン ユーザーを検出したいと考えています。

それらが webOS、Android、または iPhone OS フォンであるかどうか。私のサイトには Flash ビデオがありますが、スマートフォン ユーザーを検出したら、代わりに HTML5 ビデオをサイトに表示したいと考えています。

0 投票する
2 に答える
208 参照

actionscript-3 - ActionScript 3 を使用した FLV ビデオのタグ付け

画面上のいくつかの部分にタグを付けたいと思います(Facebookの写真で人々の頭にタグを付けるなど)(特定の秒で)。ビデオは FLV 形式、ビデオ オン デマンドです。ビデオにタグを付けるために使用できるライブラリはありますか? または、キューポイントしか使用できませんか?

環境:

  1. Flash メディア サーバー
  2. Flash CS4 (ActionScript 3)

他の情報をさらに与えることができます。私に聞いて。

0 投票する
5 に答える
10578 参照

javascript - HTML5 動画 - Chrome - エラー設定 currentTime

Chrome 5.0.375.86 で HTML5 Video 要素の currentTime を設定しようとすると、次のようになります。

次の JavaScript 例外が発生します。

Safariでは問題なく動作します。誰もこれを経験したことがありますか??

0 投票する
3 に答える
5921 参照

iphone - iPad で HTML5 ビデオが表示されない

http://www.theparkerpalmsprings.comでいくつかのビデオをエンコードして、iPhone または iPad 経由で読み込んだときに HTML5 を使用して再生できるようにしました。私のテストでは、iPhone (3G と iPhone 4 でテスト済み) でサイトを表示するとすべてが期待どおりに機能しますが、iPad でロードすると Quicktime ロゴがすばやく点滅し、何も起こりません。これはビデオのエンコーディングの問題ですか、それとも何か間違ったことをしていますか? どんな入力でも大歓迎です!

いくつかのテスト リンク (ビデオのあるページへの直接リンク):

http://theparkerpalmsprings.com/spa/ (iPad では大きなビデオ、iPhone では小さなビデオ) http://theparkerpalmsprings.com/rooms/estate.php (両方のプラットフォームで小さなビデオ)

0 投票する
1 に答える
2471 参照

html - html5 動画タグ + フラッシュ動画: 優先度の変更方法

私はhtml5のビデオをいじっています。iphone/ipadのフォールバックがあるのはいいことです。html5 ビデオは最初に要素をチェックします。サポートされている形式がない場合は、タグ <source>内で提供されているコンテンツ (フラッシュなど) にフォールバックします。<video>

帯域幅を節約するために動作を逆にしたいと思います。デフォルトでフラッシュを使用し、利用できない場合は html5 ビデオにフォールバックします。

JavaScriptを使用せずにこの動作を取得する方法はありますか? (その後、解決策は非常に明白になります)。

最高、ハンシ、-

ps要素を「裏返し」にしてみました(<object><video/></object>の代わりに<video><object/></video>、ビデオが2回表示されます)

pps私の現在の解決策は

これは最適ではありません。iphone/ipad では機能しますが、フラッシュがインストールされていない古いブラウザーを使用すると、大きな問題が発生します。

0 投票する
3 に答える
6232 参照

php - PHPがHTML5MP4ビデオに干渉するのはなぜですか?

H.264でエンコードされたMP4ビデオを提供するWebアプリを書いています。ChromeとSafariでは、HTML5ビデオタグを介してこれを行います。

これらのビデオへのアクセスを制御するために、それらのコンテンツは、本当に単純なメカニズムを使用してPHP経由で提供されます。

私が何をしても、ビデオはストリーミングされません。さらに:

  • 同じビデオタ​​グを使用してファイルを直接提供するようにソースコードを変更したが、PHPパススルーなしでApacheが提供するビデオのコピーにリンクすると、ストリーミングは正常に機能します。
  • ストリーミングが機能しない場合でも、グレー表示されたHTML5プレーヤーをいつでも右クリックして、PHPパススルーを介してファイルをダウンロードできます。オフラインでの再生に最適です。

何か案は?髪を抜いてます!

0 投票する
1 に答える
842 参照

video - MongrelサーバーからのHTML5ビデオ継続時間NaN、ただし直接ファイルアクセスからの正しい時間

次のhtmlにファイルシステムから直接アクセスすると、正しい期間が得られます。

ただし、mongrel Webサーバー(私のマシン上およびherokuクラウドサービス)を介してアクセスすると、NaNが得られます。

また、「canplay」イベントのリスナーを追加し、サーバーを使用してNaNの期間を取得するテストコードも作成しました。

これはFireFoxとChromeで発生します。

どんな助けでもいただければ幸いです。

0 投票する
1 に答える
3797 参照

flash - HTML5ビデオはいつFlashプレーヤーにフォールバックする必要がありますか?

HTML5ビデオプレーヤーのフォールバックメカニズムの実装に取り​​組んでいます。swfobject Flash Playerに置き換える方法はありますが、問題が発生したかどうかをどのように検出する必要がありますか?

つまり、スローされる可能性のある次のエラーイベントのリストを使用する場合、Flashプレーヤーの交換をトリガーする必要があるのはどれですか?または、エラーがスローされた場合は、単に交換を行う必要がありますか?

また、onErrorハンドラーはどこで呼び出す必要がありますか?ビデオタグを考えていますが、確認したいと思います。あなたの指導は大歓迎です。ありがとう。

0 投票する
2 に答える
529 参照

html - HTML5ビデオの問題

HTML5ビデオを使用するようにサイトを設定しようとしています。mp4ファイルはS3から提供されます。私はMIMEタイプを正しく持っており、URLは正しいです。しかし、それは機能していません。私が考えることができる唯一のことは、コーデックが間違っていることです。

これが私のコードです:

私が理解しているように、オーディオコーデックは常に同じです。mp4a.40.2。ビデオはベースラインとしてエンコードされていますが、 http://wiki.whatwg.org/wiki/Video_type_parameters#MPEG-4によると、私のコードのビデオコーデックの最後の2文字1Eは可変です。

間違った文字を使用していると、ビデオが機能しなくなりますか?もしそうなら、どうすれば正しい設定を見つけることができますか?

私はこのようなものに頭を包むのに苦労しています。あなたが提供できるどんな助けにも感謝します。