問題タブ [html5-video]

私はいくつかの記事を読みましたが、なぜフラッシュの代わりにhtml5を使用するのかわかりません。そのため、利点を示すことができるいくつかの例はありますか？

私はウェブサイトを運営しており、その一部には約 700 の参考動画があります (いいえ、それはポルノではありません - 頭から離れてください :-) )。

動画は現在 FLV 形式です。JWPlayer を使用してこれらのビデオをレンダリングします。IIS6 がホストされています。すべてがうまく機能します。

私が理解しているように、H.264 (FLV ではなく、OGG でもない可能性が高い) は、新たに推奨される HTML5 ビデオ標準です。今日、iPad は実際には H.264 または YouTube のみを尊重します。おそらく、すぐに多くの重要なブラウザーが Apple の先導に従い、HTML5 タグのみを尊重するようになるでしょう。

わかりました。既存のビデオを適切な H.264 形式に変換する方法を理解できると思います。ffmpeg.exe など、さまざまなツールが利用可能です。まだ試していませんが、コーデック設定をいじれば問題ないと思います。

私の質問は、コンテナー自体に関するものです。つまり、すべてのユーザーに適切な移行を計画することです。これらのビデオをレンダリングするためのベスト プラクティスの推奨事項は何ですか? HTML5 タグだけを使用すると、おそらく HTML5 をまだサポートしていないブラウザではビデオが表示されません。また、JWPlayer またはその他のプレーヤーを介して Flash 形式でレンダリングすると、iPad で再生できなくなります。何をレンダリングするかを理解するために、ここで醜い UserAgent 検出を行う必要がありますか?

JWPlayer が H.264 メディアをサポートしていることは知っていますが、プレーヤー自体は Flash コンポーネントなので、iPad では再生できないのでしょうか? 明確でない場合は申し訳ありませんが、現在のブラウザー、iPad、および今後の HTML5 ウェーブで機能する適切な移行計画について頭を悩ませています。私はビデオの専門家ではないので、どんなアドバイスでも大歓迎です。

html5 ビデオを使い始めたばかり.oggで、Firefox でファイルを再生できないようです。ヒントはありますか? 使用しているソースは次のとおりです。

実際の例はここで見ることができます:

しかし、私たちは完全に困惑しています。すべてが正確に正しいようです。

I'm using the following HTML5 to display video, but only the controls show up in Chrome. Works fine in Safari and Firefox:

Any ideas?

バッファリングの問題があります。
私のページ (リモートでアクセスします) には、currentTime属性を使用して配置するビデオがあります。

ただし、自動バッファリングを行っていないにもかかわらず、ビデオはこの位置までバッファリングされているようです。

あれは正しいですか？
この時点までビデオを読まずに、この位置にシークする方法はありますか?

オーバーレイにjQueryツールを使用しています。オーバーレイの中にはHTML5ビデオがあります。ただし、オーバーレイを閉じると、ビデオは再生され続けます。オーバーレイを閉じたときにビデオを停止させる方法はありますか？これが私が持っているコードです：

使ってみました

しかし、これによりオーバーレイも一時停止しました。

JavaScriptを使用してページ上にビデオ要素を動的に生成しようとしています。

JavaScript

HTML

Firefoxでビデオハーネスを入手しましたが、実際のビデオがロードされません。IE8では、ビデオハーネスも表示されません。

HTML 5はまだこれを達成するのに十分にサポートされていませんか？

編集：Artiomの修正で動作するようにこれを取得しました。これはChromeとSafariで正常に機能するようです。Firefoxがサポートしていないコーデックを使用しているため、そこでは機能しません。サポートされているコーデックで動作すると思いますが。IE8は確かに機能しません（ハイタッチIE）。

特定の時間にhtml5ビデオを一時停止するエレガントな方法はありますか？

私は2つの方法を試しました：

1. timeupdateイベントを使用して、currentTimeプロパティが目的の時間よりも大きいかどうかを確認し、pause（）を呼び出します。これはFirefoxでうまく機能します。他のブラウザは、ビデオが実際に一時停止する前に遅れて追加のフレームをレンダリングすることがあります。
2. TimedTracksと、PauseOnExitフラグをtrueに設定したキューを使用します。残念ながら、TimedTracksを実装しているブラウザはありません...

他にアイデアはありますか？

乾杯、ステファン

onendedタグのHTML5イベントに反応しようとしていますvideoが成功しません。以下のコードスニペットでは、jQueryコードが正しく、そのイベントがalert()ボックスをアクティブ化することを確認するために、mouseleaveイベントを追加しました。

ビデオは問題なく再生されますが、onendedイベントを受信してalert()​​いません（起動しません）。

Chromeでのテスト、本日バージョン5.0.375.55に更新。

Apple からのこのコードを使用して、2 つのビデオを連続して (そして一時停止なしで) 再生することができます (セクション 2-4 を参照)...

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/ControllingMediaWithJavaScript/ControllingMediaWithJavaScript.html

...しかし、3 番目または 5 番目のビデオを再生する方法について完全に失われました。問題は、私が Javascript 初心者であることです :-( ので、これを理解した場合は、できるだけ多くのコードを共有してください。