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

video - 自動再生を使用せずに html5 ビデオを再生する方法

サンプルコードは参考のために記事の最後にあります。

長々と話が逸れて申し訳ありませんが、できるだけ関連性のある情報を残さずにやり遂げようとしています。

これはちょっと隅っこで自分を描いたような気がします。うまく機能しているように見える表示非表示トグル機能があります。メニュー項目をクリックすると表示および非表示になる DIV の小さな軍隊があります。これはビデオギャラリーです。ボタンは JQuery スクリプト スライダー内にあり、html リスト内にあります。CSS は Div ID で使用されます

機能と非表示はすべてうまく機能します。div が表示されたときに適切なビデオの再生を開始したい場合は、このページをロードするときに preload="none" を削除すると、32 個のビデオすべてがバッファリングされているように見え、ページのロード時間が長くなります。プリロードをなしに設定すると、誰かが適切なボタンをクリックして表示した後、ビデオを再生する準備が整いました。私と私のクライアントは、ウィンドウが表示されたら映画の再生が始まることを期待しています。実際のところ、ウィンドウが表示され、ビデオに「読み込み中」と表示されたら、再生を押すだけでスムーズに再生が開始されます。したがって、自動再生を使用せずに、ボタンを押して適切な div を非表示にしないときにビデオを再生する方法はありますか?

ところで、Video for Everyone をベースとして使用していますが、2 つ以上のビデオに対する解決策を提供していないようです。

ビデオ形式が間違っているのかもしれませんが、quicktime pro から .m4v 拡張子で保存された h264 ビデオを使用しています。フォーマットが自動再生できるかどうかも調べようとしていますが、OGV が自動再生できないことはわかっているので、あまり期待していません。また、フラッシュ フォールバックを追加します。

私はただのアニメーターであり、このようなことについて何も知らないので、私のコードを親切にしてください. また、ビューアによって show hide 関数が切り詰められているようです。それはそこにあり、本当にうまく機能します。

彼らが切り替えているのはこれらです:

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

video-encoding - 通常のデバイスとモバイル デバイスで HTML 5 でビデオをストリーミングするためのファイル形式は?

1 ~ 3 分の説明ビデオを含むサイトを作成中です。ユーザーは、標準およびモバイル ブラウザーを介してこれらにアクセスします。私は特に、iPhone/iPod Touch/iPad などの i デバイスのユーザーに関心があります。

ビデオを配信するために、私はおそらく videojs.com プレーヤーを使用します。これはかなり堅牢な選択のようです。残念ながら、ファイルのエンコードに使用するファイル形式と標準については、まずわかりません。H.264 ベースライン プロファイルは良い選択のように思えますが、何が最良の選択であるかをどこで調べればよいかについての指示が本当に必要です。

助けてください :)

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

javascript - 秒単位の長さを取得する方法

<video>IDが「liveVideo」のタグがあります。ビデオの長さを秒単位で取得するにはどうすればよいですか?

ありがとう、

デビッド!

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

flash - Flash と HTML5 はフォールバック?

最初に Flash ビデオを使用してから、html5 にフォールバックすることは可能ですか?

if(Flash is installed){ run flash player} else if(can do video tag w/ h.264){ use HTML5 video tag with h.264}

これはjavascriptなので、javascriptで書かれているので、内側のhtmlが正しいタグを取得します。

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

python - ウェブサイトのチュートリアルでフラッシュビデオを録画

私は、ユーザーがブラウザを通じて小さなビデオ メッセージを記録し、それを私の Web サイトに保存できるようにする Web サイトを作りたいと考えていました。

フラッシュを使用したことがないので、必要なソフトウェアと必要なプログラミング言語を知りたいと思いました。つまり、そのようなサイトを実装することを学ぶにはどうすればよいでしょうか。可能な限りオープンソースのソリューションを好みます。

このようなものは、python と html5 を使用して実装できますか?

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

ipad - iPhone/iPad Safari では、ビデオに「Accept-Ranges」ヘッダーが必要ですか?

モバイル Safari で再生する開発サーバーからのビデオの提供に問題があります。私の開発サーバーは「Accept-Ranges」ヘッダーをサポートしていません。いくつかのフォーラムを読んだ後、それが私の問題である可能性があることがわかりました。 これは、まさにそれを言っているフォーラム投稿の例です。

これは正しいです?モバイル Safari には Accept-Ranges ヘッダーが必要ですか? 誰かが実際にそれを述べているAppleのドキュメントを教えてもらえますか?

ありがとう。

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

iphone - iPhone OS 3 の HTML5 ビデオ タグが、overflow: hidden; を持つレイヤーの外側に表示されます。

「overflow: hidden;」を持つレイヤーに HTML5 ビデオ タグがあります。設定されていますが、ビデオはオーバーフロー領域の外に表示されます。これは本質的にアコーディオン コントロールであるため、ビデオが含まれるレイヤーはデフォルトで閉じられており、アクティブにすると小さなスライド ダウン アニメーションと共に開きます。残念ながら、ビデオはオーバーフロー プロパティを尊重していないため、再生ボタンは常に表示され、実際にはサイトの他のコントロールの上に表示されます。誰もこれを回避する方法を知っていますか? video タグの z-index を調整しようとしましたが、成功しませんでした。

注: これは、iPhone OS (または iOS) 3 以下でのみ発生する問題のようです。新しい iOS 4 では同じ問題が発生しないためです。

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

iphone - モバイルサファリ(html5)でオフラインのiPhone/iPad Webアプリのビデオコンテンツをキャッシュしますか?

このテーマに関連する (がっかりするような) 質問をいくつか見ましたが、まだ答えがはっきりしていません。

iPhone または iPad のオフライン Web アプリですぐに再生できるようにビデオ コンテンツをキャッシュすることはできますか?

(キャッシュされたファイルには5MBの制限があると思います。)マニフェストを使用して、他のファイルと同じ方法でビデオをキャッシュできますか? 代替手段はありますか?

0 投票する
0 に答える
513 参照

javascript - 動的に作成された HTML5 ビデオ タグが iPad で変換されないのはなぜですか?

追加されたビデオ要素は変換を受け入れません。

この変換は iPad では機能しません (ただし、デスクトップでは機能します)。

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

javascript - JavaScript で HTML5 動画プレーヤー ループを制御する

JavaScript でループ タグ (ff) をサポートしていないブラウザーで HTML5 ビデオのループを有効にしようとしています。ビデオ再生の最後にアクセスして再生をゼロに戻す可能性を知っている人はいますか?