m3u8视频播放以及视频源

最新推荐文章于 2024-05-29 21:36:36 发布

Ygv587

最新推荐文章于 2024-05-29 21:36:36 发布

阅读量9.5k

点赞数 1

文章标签：音视频

本文链接：https://blog.csdn.net/weixin_43885814/article/details/131769477

版权

m3u8视频播放以及视频源

html代码
- 切换src进行切换
m3u8源
- git地址

html代码

切换src进行切换

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>videoJs</title>
 
		  <link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
		
		  <!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
		  <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
    </head>
    <body>
        <section id="videoPlayer">
            <video id="my-video"  style="clear:both;display:block;margin:auto;width:100%;" width="1280" height="720" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
                <source src="https://media1.livaat.com/AL-RASHEED-HD/tracks-v1a1/mono.m3u8" type="application/x-mpegURL" id="target"> 
           <!-上述可改为自己的.m3u8-->     

 
            </video>
        </section>
		  <script src="https://vjs.zencdn.net/7.6.6/video.js"></script>
        <script type="text/javascript">
            var player = videojs('my-video', { "poster": "", "controls": "true" }, function() {
                this.on('play', function() {
                    console.log('正在播放');
                });

                this.on('pause', function() {
                    console.log("暂停中")
                });
         
                this.on('ended', function() {
                    console.log('结束');
                })
 
            });
        </script>
    </body>
</html>

m3u8源

git地址

https://github.com/imDazui/Tvlist-awesome-m3u-m3u8#%E7%A8%B3%E5%AE%9A%E5%9C%B0%E5%9D%80

Ygv587

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
m3u8视频播放以及视频源

【代码】m3u8视频播放以及视频源。
复制链接

扫一扫