Javascriptで下記URLのようなシークバーを作成したいです。

Question

10

200pt

http://www.smart-lab.jp/?p=717

上記のシークバーでは進行状況は表示されますが、再生位置を移動することはできません。
これを移動できるようにするにはどうしたらいいでしょうか。

HTML5ではなく、通常のHTMLでの記述を詳しく教えてください。

回答の条件

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません

どたん · Answer 1 · 2011-06-05T13:17:30+09:00

HTML5でシークバー付きの動画を配信したいというご質問ですね？

どたん · Answer 2 · 2011-06-05T14:36:19+09:00

No.1の者です。失礼しました。

Video LightBoxをお試しください。

Cherenkov · Answer 3 · 2011-06-05T17:56:56+09:00

リンク先のようなvideo要素にHTML5を使わず再生位置を移動することはできません。

video要素に対応したブラウザならば標準でcontrols(シークバー)を付けることが出来ます。

なぜHTML5はダメなのでしょうか。この条件によって回答の幅を狭めているので理由を書いたほうがいいかと。

jquery video シークバーでググってデザインをカスタムできるプラグインを見つけるかそのまま使ったほうがいいと思います。

youtubeなどAPIが提供されているものならば、クロムレスプレーヤーにしてjQuery UI - Slider などでスライダーにclickイベントに結びつければシークバーを実装することができます。

サンプル：

回答（3件）