0

私はちょうどhtml5＆coで働き始めました。（流血の初心者ではありませんが、しばらく経ちました..）そして、プロジェクトを作成するためのアドバイスが必要です。

セットアップ: 24 時間のビデオがあり、HTML サイトでフルスクリーンで表示する必要があります (オフラインでの使用のみ)。html ファイルを開くと、対応するビデオ位置からビデオが自動的に開始され、システム時間に同期されます (例: ビデオ タイムラインの午前 1 時 30 分 = 1 時 30 分)。

オンラインの例としては、24hoursofhappy の Web サイトが挙げられます。この Web サイトを開くと、同期されたシステム時間の位置からビデオが開始されます。

皆さん、私を助けてくれませんか? これを達成する方法がわかりません:/

4

1 に答える 1

0

currentTimeビデオ内の必要な部分にジャンプするように属性を設定できます。

現在の再生位置を秒単位で返します。

指定された時間にシークするように設定できます。

たとえば、このビデオは 2 番目の 30 から始まります。

var v = document.getElementById("myvideo");
v.currentTime = 30;
v.play();
<video id="myvideo" src="http://media.w3.org/2010/05/sintel/trailer.mp4" width="320" controls loop></video>

あなたの場合、24 時間のビデオがあるため、1 日の時間帯に応じて位置を計算する必要があります (currentTime数秒で機能することを覚えておいてください)。とにかく簡単なはずです。このようなことを行う必要があります:

var d = new Date();
var v = document.getElementById("myvideo");
v.currentTime = d.getHours() * 3600 + d.getMinutes() * 60 + d.getSeconds();
v.play();
于 2015-11-18T23:35:12.507 に答える