問題タブ [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 投票する
21 に答える
302429 参照

html - HTML5 ビデオをフルスクリーンにする方法はありますか?

HTML5<video>タグを使用してビデオをフルスクリーンで再生する方法はありますか?

これが不可能な場合、この決定に理由があるかどうか誰か知っていますか?

0 投票する
6 に答える
82792 参照

javascript - ファイルとは別に HTML5 ビデオの長さを取得する

カスタム インターフェースを使用して HTML5 ビデオ プレーヤーの構築に取り組んでいますが、ビデオの長さの情報を表示するのに問題があります。

私の HTML は単純です:

そして、期間を取得して挿入するために使用しているjavascriptは

問題は、何も起こらないことです。デフォルトのコントロールをそのまま使用すると問題なく表示されるため、動画ファイルに継続時間データがあることはわかっています。

しかし、本当に奇妙なのは、私のコードに alert(duration) を入れた場合です

その後、正常に動作します(ポップアップする迷惑なアラートは除きます)。ここで何が起こっているのか、またはどうすれば修正できるのでしょうか?

更新: この問題を正確に解決したわけではありませんが、私の最大の懸念であるユーザー エクスペリエンスを処理する回避策を見つけました。

まず、視聴者が再生ボタンを押すまでビデオの読み込みが開始されないため、期間情報を取得できなかったと想定しています (この特定の問題を修正する方法はわかりません...ビデオとは別にビデオのメタデータをロードするだけで済むと思いますが、それが可能かどうかさえわかりません)。

そこで、デュレーション データがないという事実を回避するために、再生ボタンを押すまで、デュレーション情報 (および実際にはコントロール全体) を完全に非表示にすることにしました。

とはいえ、ビデオ ファイルとは別にビデオ メタデータを読み込む方法を知っている人がいる場合は、共有してください。私はそれがこの問題を完全に解決するはずだと思います。

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

jquery - HTML5ビデオインストリーム広告用のjQueryプラグイン?

インストリーム広告をビデオに挿入するためのhtml5ビデオ用のjQueryプラグインはありますか?

ほとんどのフラッシュは、特定のタイムスタンプでビデオを一時停止し、広告ストリームを再生してから、元のビデオストリームを再開することで機能します。html5のjqueryキャプションプラグインは非常に似ているように見えますが、異なります。

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

android - html5ビデオはAndroidバージョン2.1のAndroidNexusOneで動作しますか?

Android 2.1でhtml5デモページを動作させようとしています。2.1でdroidとnexusの両方を試しましたが、ポスター画像のみが表示され、ビデオは再生されません。ビデオを押しても何も起こりません。 編集-ビデオタグのonclickハンドラーで解決

現時点でAndroid2.1ブラウザでhtml5ビデオを使用することは可能ですか?私のデモページはiphoneとipadの両方で機能しています。

mp4ビデオ:avc1、29.97 fps、380 kbps、480 x 370オーディオ:mp4a、44 kHz、64 kbps

ページの書き方は次のとおりです。

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

android - Android 2.1 のブラウザは HTML 5 をサポートしていますか? また、どのようなビデオ形式で再生できますか?

私が働いている会社は多くのビデオを制作しており、できるだけ多くのデバイスをターゲットにしたいと考えていますが、Android は何をするのかという疑問が生じました。

私は個人的に 2.1 を実行している Android ベースの電話を所有していますが、HTML 5 タグが機能しないようです。ブラウザをトリガーしてビデオを再生できる場合でも、できないという通知エラーがスローされます。

Android/HTML 5 互換の動画を作成するためのガイドラインはありますか? 本当にサポートされていますか?

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

javascript - JavaScript でビデオ ストリームを変更することは可能ですか?

私の目標では、html5 とタグ < video> を使用してメディア コンテンツをページに追加しています。JavaScript で動画を制御する方法 (停止、再生、読み込み) を見つけました。しかし、処理中のビデオ ストリームを変更する方法はありますか。

ダウンロードしたストリームに一連のバイトを追加する方法を見つけようとしています。たとえば、再生する前にファイルのヘッダーを変更します。

ありがとう

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

javascript - ビデオを再生する Javascript - 何が間違っていますか?

コードは自明だと思いますが、ボタンが機能しません。何が間違っていますか?

クロムを使用しています。

http://jsbin.com/ugoni3/edit

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

html - html5 ビデオはまだプライムタイムの準備ができていますか?

iPad用のWebサイトの開発を依頼されました。それにいくつかのビデオが含まれる予定です。html5を試してみたい。私は実際には html5 の新しいビデオ部分のみを使用します (まだサポートしていないブラウザー用のフラッシュ フォールバックを使用)。かなりトラフィックの多いサイトでこれを行うのは間違いでしょうか?

編集: このサイトはすべてのブラウザ向けですが、iPad でも動作するように非フラッシュ バージョンを作成する必要があります。HTML5 ビデオをサポートしていないブラウザ用のフラッシュ バックアップがあれば大丈夫ですか? HTML5 ビデオがトラフィックの多いサイトに対応できるかどうかはまだわかりません。

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

jquery - HTML5、FirefoxがjQuery挿入後に重複ビデオを再生

私たちが取り組んでいるプロジェクトから以下を抽出しました:

http://www.bridgedev1.com/videotest.html

これにより、ブラウザに応じてOGVまたはM4Vビデオが再生されます。

ページが読み込まれ、jQueryを使用して動画が提供されます。これはSafariとChromeで完全に機能します。

問題はFirefox(3.6.3)の問題です。ビデオを一時停止しても、ビデオの2番目のコピーはまだ再生中です。

Firebugでビデオ要素を削除すると、最初の表示可能なビデオは削除されましたが、2番目のビデオのサウンドトラックは再生されたままになりました。[ネットワークトラフィック]タブでも、7.2MBのビデオが2回読み込まれていることがわかりました。

この問題はWindowsとMacの両方で発生し、PCではさらに悪化します。

誰かがソロを提供できますか?

ありがとう

ジム

0 投票する
7 に答える
342666 参照

html - HTML5 ビデオの終了を検出する

<video>HTML5要素の再生が終了したことをどのように検出しますか?