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

javascript - HTML5

私はクライアントのサイトで作業していますが、クライアントは一部のビデオコンテンツの配信方法としてHTML5のビデオタグを使用することに固執しています。私は現在、Internet Explorer Flashフォールバックを処理するために、http: //videojs.com/の助けを借りて稼働しています。

彼らが私に頼んだことの1つは、ビデオの再生が終了した後(すべて異なる長さです)、フェードアウトしてから、ビデオの代わりに画像をフェードアウトすることです。ビデオ。

これも可能ですか?現在再生中の映画のタイムコードをJavascriptまたはその他の方法で取得できますか?Flowplayer(http://flowplayer.org/demos/scripting/grow.html)にonFinish関数があることは知っていますが、HTML5ビデオメソッドの代わりに使用する必要があるルートですか?IEユーザーがFlashプレーヤーを入手するという事実には、2つの別々のソリューションが必要ですか?

任意の入力をいただければ幸いです。私は現在サイトでjQueryを使用しているので、可能な限りその領域でソリューションを維持したいと思います。ありがとう!

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

iphone - モバイル サファリでの HTML5 オフライン ビデオ キャッシング

iPhone または iPad の Safari で動画をオフライン キャッシュすることができないようです。オフラインになると、他のすべてが正常にキャッシュされます。ビデオ ファイルは明らかにマニフェストに含まれていますが、壊れた矢印が表示されます。Safari デスクトップで正常に動作します。手がかりはありますか?オブジェクトの埋め込みとビデオ タグの両方を試しました。

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

html - 最も単純なコントロール (再生と一時停止のみ) を備えた html5 ビデオ プレーヤー

どういうわけか、html5 のビデオとオーディオの再生に関するチュートリアルはほとんどありません。

カスタマイズされたコントロールを使用してビデオとオーディオ ファイルを埋め込みたいだけです。ただし、コントロールはかなり単純にする必要があります。再生ボタンだけが必要です。クリックすると、再生が一時停止に置き換わります。それで全部です!

ただし、「プリロード コントロール」なしでビデオを埋め込み/表示する方法さえわかりません。どういうわけか、(プリロード コントロールなしで) 設定しただけでは、Firefox は何も表示しません。Chrome には黒いウィンドウが表示されます。

jQuery を使用して、ビデオの再生ボタンと一時停止ボタンを制御できるようにしたいと考えています。多分あなたは私のためにいくつかの小さな開始アプローチを持っています!

どうもありがとうございました!

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

html - HTML5 ビデオで DRM を使用する方法はありますか?

Flash は勢いを失っているため、html5 ビデオを DRM (H264、.ogg、および WebM) で保護する方法があるかどうか知りたいです。

0 投票する
4 に答える
22953 参照

javascript - jQueryを使用したHTML5ビデオプログレスイベントへのアクセス

以下は、HTML5ビデオプレーヤーイベント用です。

私のパートナーと私は、この問題について1日の大部分で困惑しており、誰かがこの問題について何らかの洞察を提供してくれることを願っています。以下に示すように、プレーンjsを使用して進行状況イベントにアクセスできましたが、jQueryを使用してこれにアクセスしようとすると、コンソールで未定義になります。ヘルプ/推奨事項は大歓迎です。

前もって感謝します、

JN

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

jquery - 埋め込み Vimeo ビデオ コールバック

この投稿は、 HTML5 ビデオ コールバックに関して以前に行った投稿のフォローアップのようなものです。そのスレッドで、ビデオの再生が停止したことをブラウザーに通知し、(jQuery を使用して) アクションを開始できるようにする優れたコードが提供されました。これは私が現在使用しているコードです:

基本的に、ビデオが完成するとフェードアウトし、ビデオのポスター フレーム (または同様の画像) が表示されます。

さて、プロジェクトの範囲が変更され、クライアントは真のフル スクリーン ビデオと、ユーザーの接続速度に基づいて配信されるさまざまなサイズのビデオを求めています。そこで私が調査したところ、Vimeo Plus プレーヤーは、デスクトップ ブラウザー (HD 埋め込み、真のフルスクリーンなど) を使用する訪問者にとって優れた代替手段のようです。問題は、上記のコードがある程度の容量で動作し続ける必要があるということです。埋め込みの Vimeo プレーヤーは、私が利用できる同様のコールバックを提供しますか? それとも私はSOLですか?

前もって感謝します!

0 投票する
4 に答える
6507 参照

iphone - iphoneステータスのビデオタグ

videoタグを使ってiPhone/iPadサファリで実際に動くムービーはありますか?非常に多くのフォーマットとコード スニペットを試しました。mp4/h264 は機能するはずだと聞いたことがありますが、私たちにとってはそうではありません。

誰でもオンラインの実例を教えてもらえますか?

iPhoneのビデオタグのコードまたは仕様/フォーマットを知っていれば、それは素晴らしいことです.

アップデート:

私たちが持っている mp4 ファイルへのリンクは次のとおりです: http://aino.se/media/207.mp4 私たちが試した最新のコードは次のとおりです。

Safari/Chrome では問題なく動作しますが、iPhone/iPod では表示されません

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

html - これまでに html5 をサポートしている PC のブラウザはどれですか?

ほとんどのブラウザーが既に携帯電話で HTML5 をサポートしていることは知っていますが、PC ブラウザー、特に HTML5 の状況は<video>どうですか?

さまざまなブラウザーが HTML5 をどの程度サポートしているかを把握するための優れた Web サイトとリソースは何ですか?

0 投票する
9 に答える
240846 参照

javascript - HTML5でビデオの再生速度を変更するにはどうすればよいですか?

HTML5でビデオの再生速度を変更するにはどうすればよいですか?w3schoolでビデオタグの属性を確認しましたが、それに近づくことができませんでした。助けていただければ幸いです。

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

flash - Flash ビデオ プレーヤー VS HTML 5 ビデオ

Web ページでビデオを再生するには、ビデオ プレーヤーを追加する必要があります。通常、swfobject ライブラリの助けを借りて Flash Player を使用します。これは、Flash Player と JavaScript の両方が有効になっている場合に機能します。

現在、XHTML 1.0 strict doctype を使用しています。

私の質問は、doctype を HTML 5 doctype に変更し、HTML 5 ビデオを使用してビデオ プレーヤーを追加することはできますか。HTML5 をサポートしていないブラウザの場合は、javascript を使用できます。

この状態で、サポートされているブラウザではビデオは Flash Player と JavaScript なしで動作し、サポートされていないブラウザでは js サポートで動作します。

これは可能ですか?これは良い考えですか?