m3u8をiosやPCで再生させたい

m3u8をiosやPCで再生させる方法を教えてもらえないでしょうか？
以下のサイトを参考に記述してみましたが、PC（safariのみ）しか再生しません。
http://blog.toshimaru.net/play-m3u8-video-in-browser/

<html>
  <head>
    <title>Video.js m3u8</title>
    <link href="css/video-js.css" rel="stylesheet">
    <script src="//cdnjs.cloudflare.com/ajax/libs/video.js/4.12.5/video.js"></script>
		<script src="js/videojs-contrib-media-sources.js"></script>
		<script src="js/videojs-contrib-hls.js"></script>
  </head>
  <body>

    <h1>Video.js m3u8 demo page</h1>
    <video id="test" class="video-js vjs-default-skin" height="300" width="600" controls>
      <source src='stream.m3u8' type="application/x-mpegURL" />
    </video>

    <script>
      var player = videojs('test');
      player.play();
    </script>

  </body>
</html>

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

回答2件

自己解決

以下の記述で解決しました。

ffmpeg -i filename.mp4 -codec copy -map 0 -f segment -vbsf
h264_mp4toannexb -segment_format mpegts -segment_time 10 -segment_list
.m3u8 指定_%03d.ts

投稿2016/11/26 05:10

aquz5200

総合スコア16

ここ
の

HTML
1一番手っ取り早いのは、HTML5のVideoタグAudioタグのパスをm3u8ファイルにする事。
2<video width="320" height="240" src="hoge.m3u8" onclick="this.play()" controls>
3
4<audio controls>
5    <source src="hoge.m3u8">
6</audio>
7

ではだめでしょうか

投稿2016/11/22 20:58