使用videoJS播放M3U8格式视频-直接放源码

这也是我自己正在用的方法。

使用php文件接收参数,读取指定的视频位置,进行播放。

我的思路是获取get名字和时间日期参数,再使用JS document.writeln输出html。

document.writeln里的html在指定位置插入php函数输出获取到的时间和名字参数。

在网页里使用的时候,方法是使用调用JS的方式,调用这个php文件<script src="https://www.nnbbxx.net/hc/?name=xxx&time=1126"></script>

这样就可以在html里调用自己的视频。我还在html里设置了封面,封面名字跟name参数相同就可以自动显示出来。

用到了videoJS 7.6.6

CDN地址

<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>

<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />

<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

<?php
$name = $_GET["name"];
$time = $_GET["time"];
?>
document.writeln('<style>#my-player{width:100%;}</style>');
document.writeln('<link href="https://www.nnbbxx.net/videojs/766/video-js.min.css" rel="stylesheet" /><link href="https://unpkg.com/@videojs/themes@1/dist/sea/index.css" rel="stylesheet"><script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script><video id="my-player" class="video-js vjs-theme-sea" controls preload="auto" poster="https://www.nnbbxx.net/hc/<?php echo $name;?>.png" data-setup="{}"><source src="https://www.nnbbxx.net/hc/<?php echo $name . $time?>/index.m3u8" type="application/x-mpegURL"></video><!--script src="https://vjs.zencdn.net/7.10.2/video.js"></script--><script src="https://www.nnbbxx.net/videojs/766/video.min.js"></script><script>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>');

版权声明:
作者:王金阁
链接:https://www.nnbbxx.net/post-7164.html
来源:王金阁博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>