2012-04-16 21 views
5

HTML5ビデオの特定の部分のみを再生する簡単な方法はありますか?例えば30秒のクリップでは、5〜20秒の部分だけを演奏したいと思います。さらに、残りのビデオはUIからアクセスできないようにしてください(ビデオタイムラインには5〜20秒の部分しか表示されません)。HTML5ビデオ - ビデオの一部だけを再生する

私はいくつかのHTML5ビデオプレーヤーを使ってきましたが、どれもこの種の機能をサポートしていないようです。誰かがこの機能を実装する(良い)方法を知っているなら、私にヒントを与えてください。

ありがとうございます!

+0

私はVideoJSプレーヤー(http://videojs.com/)を使っていくつかの実験を行い、少なくともデスクトップ、アンドロイドデバイス、およびiPadsで動作させることができました。 – calle

+0

基本的には、コントロールを正しくレンダリングし、ビデオの再生時間を制限するためにビデオのtimeupdateイベントで再生するために、元のプレーヤーの機能の一部をオーバーライドしなければなりませんでした。私は@Riplikashに同意する必要があります。現在のところ、部分的な再生動作を達成するための唯一の方法は、再生可能なコンテンツをサーバーから提供し、クライアント側から制限しようとしないことです。 – calle

答えて

1

この質問は既に回答済みとなっていますが、ここにあなたと他の誰かが興味を持っているかもしれません:Specifying playback range

これはMedia Fragment APIの一部で、現在はFirefox、Chrome、Safari 6+の最新バージョンで動作します。

+0

この回答は正しいと書かれたものよりも役に立ちます。ありがとう@Ian Devlin –

+0

そのリンクはもはや有効ではありません、そこには再生範囲を指定する情報はありません。 – prendio2

0

Play()がタイマーを起動し、必要な特定の時間にPlayer.stop()を呼び出すと、プレーヤにPlayer.Play()イベントが実装されます。

0

私は同じ問題を持って、私はこの問題を解決することができます何かを発見していなかった、何を行うことができますことは、独自のコントロールを実装し、キャンバスに映像を表示することです...

、あなたがしている場合IOSでこれを実装しようとすると、それを行うことができなくなります。

+0

javascriptを使用すると、部分的な時間を再生することができますが、UIはリアルタイムで表示されますが、元のコントロールは非表示にできますが、ユーザーは「右クリック」 - >「コントロールを表示」 "私が見つけた最も近い方法は、それがJWPlayerだった部分的な時間を示すことができるプレーヤーを使用することでした、それは"偽の "持続時間を表示することができますが、開始時間はいつでも0になります... –

+0

私はそれが動作していないIOS ... –

0

私の考えは、カスタムコントロールを使用することです。なぜなら、その機能がネイティブで利用できるとは思わないからです。 html5コントロール(再生、一時停止、タイムスタンプ開始など)のすべての機能は、javascriptを介して呼び出すことができます。この場合、currentTime変数を編集します。

スライダーの開始点が開始点を表し、終了点が終了点になるように、独自のスライダーを設定することを検討してください。ページの読み込み時にビデオが再生されないように設定します。その後、ページのロード時にjavascript関数を使用して、currentTimeを開始点に変更します。停止するために、時々currentTimeを照会することができます。私は遅い負荷のような遅れがそれを捨てるかもしれないのでタイマーを使用しないでしょう。

+0

あなたは、HTML5ビデオを介して、ユーザーがビデオの他の部分を見ることを完全に制限することはできません。それはタグのようなものです。それは非常にオープンです。ビデオのどの部分がサーバー側で配信されるかを制限する必要があります。 – Riplikash

+0

作業コードスニペットを表示したい –

0

「プレビューモード」で同様のビデオを実装しようとしています。私は、イベントリスナーを追加して、currentTime()== 'x'のポストでビデオを一時停止することで、上記のメソッドを利用しています。ユーザーが単に再びプレイにぶつからないようにするために、currentTimeリスナーは、タイムラインの 'x'時間を過ぎて再生できるようにしません。そのため、ユーザーは再生するたびに、自動的に即座に再び一時停止します。さらに、時刻 'x'では、ビデオコンテナがCSSを介して隠され、ユーザとビデオとのやりとりを防止します。

関連する問題