[舊版videojs]

注意事項

1.函式庫版本之間須匹配
2.程式必須置於伺服器上執行

3.FireFox必須手動先行安裝Flash播放器

4.函式庫版本

(1)video.js: 4.12.15

(2)videojs.hls.min.js: https://github.com/videojs/videojs-contrib-hls/rel...

(3)videojs-media-sources.js: https://github.com/videojs/videojs-contrib-media-s...

5.參考網址: http://videojs.github.io/videojs-contrib-hls/

範例程式

<!doctype html>
<html>
<head>
<title>hls(.m3u8) using video.js</title>
<meta charset="UTF-8">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<link rel=stylesheet type="text/css" href="video-js_4.12.15/video-js.css">
<script src="video-js_4.12.15/video.js"></script>
<script src="videojs-contrib-net/videojs.hls.min.js"></script>
<script src="videojs-contrib-net/videojs-media-sources.js"></script>
</head>
<body>
<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls>

<!--

 

 

 

-->

 

 

 

 

 

 

</video>

 

</body>

 

</html>

 

<script>

 

$( document ).ready( function()

 

{

 

var player = videojs('example-video');

 

player.src( { type: "application/x-mpegURL", src: "http://solutions.brightcove.com/jwhisenant/hls/apple/bipbop/bipbopall.m3u8" } );

 

player.play();

 

} );

 

</script>

 

 
arrow
arrow
    全站熱搜

    Ping 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄