videoJs 播放 m3u8格式直播流

发布时间：2020-06-12 14:00:27 修改时间：2020-06-12 14:13:27 阅读：10355 评论：0 0

注：以下demo资源测试使用，可能会产生无法访问的问题，可下载源码替换该资源

视频演示地址：http://no-if.com/hsb/VideoJs-M3U8/

demo下载地址：http://no-if.com/hsb/VideoJs-M3U8.rar 


主要代码一览：

<center>

    <video id="live-stream" class="video-js vjs-default-skin vjs-big-play-centered"

           controls autoplay preload="auto"

           data-setup='{"example_option":true}'>

        <source src="https://video.xinfapingtai.cn/push/stream.m3u8"

                type="application/x-mpegURL">

    </video>

</center>

<script>

    var options = {

        width: 1080,

        height: 520

    }

    var player = videojs('live-stream', options);

    player.on(['loadstart', 'play', 'playing', 'firstplay', 'pause', 'ended', 'adplay', 'adplaying', 'adfirstplay', 'adpause', 'adended', 'contentplay', 'contentplaying', 'contentfirstplay', 'contentpause', 'contentended', 'contentupdate'], function (e) {

        console.warn('VIDEOJS player event: ', e.type);

    });

</script>

<script type="application/javascript">

    function foo(n) {

        return function (i) {

            return n += i;

        }

    }

    console.log(foo(10)(20));

</script>







附带rmtp格式流的demo视频演示地址：http://no-if.com/hsb/inputplay.html

附带rmtp格式流的demo视频下载地址：https://download.csdn.net/download/qq_27751965/12516567

此资源放在CSDN博客上了 如果有需求缺遇到积分问题可在此个人网站留言 我可私信发给你们。

---