人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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

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

●質問者: muggy0812
●カテゴリ:ウェブ制作
✍キーワード:HTML HTML5 JavaScript URL 作成
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● どたん
●0ポイント

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

videoタグで動画を埋め込む」が参考になります。

◎質問者からの返答

参考URLはHTML5のものですが、最後に書いたようにHTML5ではない通常のHTMLでの記述を知りたいです・・・


2 ● どたん
●100ポイント

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


Video LightBoxをお試しください。


3 ● Cherenkov
●100ポイント

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

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

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

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


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

サンプル:

設置サンプル

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ