質問: Javascriptで下記URLのようなシークバーを作成したいです。 上記のシークバーでは進行状況は表示されますが、再生位置を移動することはできません。 これを移動できるようにするにはどうしたらいいでしょうか。 HTML5ではなく、通常のHTMLでの記述を詳しく教えてください。
回答: リンク先のようなvideo要素にHTML5を使わず再生位置を移動することはできません。 video要素に対応したブラウザならば標準でcontrols(シークバー)を付けることが出来ます。 なぜHTML5はダメなのでしょうか。この条件によって回答の幅を狭めているので理由を書いたほうがいいかと。 jquery video シークバー でググってデザインをカスタムできるプラグインを見つけるかそのまま使ったほうがいいと思います。 youtubeなどAPIが提供されているものならば、クロムレスプレーヤーにしてjQuery UI - Slider などでスライダーにclickイベントに結びつければシークバーを実装することができます。 サンプル: 設置サンプル