回答率: 85.35%

質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

新規登録して質問してみよう

ただいま回答率: 85.35%

トップ Video.jsに関する質問

Q&A

0回答

1567閲覧

video.jsでhlsのストリーミング再生の際シークバーを表示させたい

総合スコア25

0グッド

0クリップ

投稿2021/04/09 01:05

編集2021/04/09 01:06

0

0

//////////////
現在の状況
//////////////
hlsでの動画再生はできたものの、シークバーが表示されず
LIVEの文字が出るのみでした。

//////////////
やりたい事
//////////////
LIVEの部分にシークバーを表示させたい。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="utf-8">
5  <title>Live Streaming</title>
6  <link href="css/video-js-5/video-js-5.20.3/video-js.min.css" rel="stylesheet">
7  <script src="js/video-js-5/video-js-5.20.3/video.min.js"></script>
8  <script src="js/videojs-contrib-media-sources.min.js"></script>
9  <script src="js/videojs-contrib-hls.min.js"></script>
10</head>
11<body>
12<video id="test" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360" data-setup="{}">
13  <source src="hls/gikai_live.m3u8" type="application/x-mpegURL">
14</video>
15</body>
16</html>

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問

トップ Video.jsに関する質問

video.jsでhlsのストリーミング再生の際シークバーを表示させたい