前端 videojs测试直播可用于视频监控直播

官网：http://videojs.com
github：https://github.com/videojs/video.js
各版本下载地址：https://github.com/videojs/video.js/releases

这两个直播源还是比较流畅的：
http://nclive.grtn.cn/ggpd/sd/live.m3u8
http://nclive.grtn.cn/gdws/sd/live.m3u8


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>


    <div margin-top: 10px;>
        <div style="padding-left: 11px;">
            <div style="height: 425px; 525px;">
                <video class="video-js vjs-default-skin vjs-fluid vjs-big-play-centered"
                       id="myPlayer"
                       controls playsinline webkit-playsinline autoplay></video>
            </div>
        </div>
    </div>

    <script src="jquery-1.12.0.min.js"></script>
    <link href="video-js.min.css" rel="stylesheet">
    <script src="video.min.js"></script>


    <script type="text/javascript">

        function play(src) {
            var option = {};
            videojs('myPlayer', option, function onPlayerReady() {
                var myPlayer = this;
                myPlayer.src({ src: src, type: "application/x-mpegURL" });
                this.play();
            });
        }

        function initialVideo() {
            var url = 'http://nclive.grtn.cn/ggpd/sd/live.m3u8';
            url = 'http://nclive.grtn.cn/gdws/sd/live.m3u8';
            play(url);
        }

        $(function () {
            initialVideo();
        });

    </script>



</body>
</html>

前端 videojs测试 直播 可用于视频监控直播

前端 videojs测试直播可用于视频监控直播