2 Star 4 Fork 1

PeakXin / H5直播

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
HLS.html 879 Bytes
Copy Edit Web IDE Raw Blame History
PeakXin authored 2021-01-26 17:08 . 优化
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HLS直播协议Demo</title>
<link href="https://cdn.bootcdn.net/ajax/libs/video.js/7.10.1/video-js.min.css" rel="stylesheet">
</head>
<style type="text/css">
html,body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<body>
<video-js id=vid1 class="vjs-default-skin" style="width: 100%; height: 100%;" controls autoplay muted>
<source src="http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8" type="application/x-mpegURL">
</video-js>
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/video.js/7.10.1/video.min.js"></script>
<script src="./js/videojs-http-streaming.min.js"></script>
<script>
$(function() {
var player = videojs('vid1');
player.play();
});
</script>
</body>
</html>

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/peakxin/h5-live.git
git@gitee.com:peakxin/h5-live.git
peakxin
h5-live
H5直播
master

Search