jq用videojs实现m38u格式

香微天下

于 2022-01-26 10:01:12 发布

阅读量900

点赞数

文章标签： javascript 前端 jquery

本文链接：https://blog.youkuaiyun.com/weixin_35704268/article/details/122696287

版权

这篇博客介绍了如何使用video.js库在前端播放M3U8格式的视频，包括设置视频源、初始化video.js播放器以及监听播放、暂停和结束事件的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>videoJs</title>

       <link href="css/video-js.css" rel="stylesheet" />

       
       <script src="js/videojs-ie8.min.js"></script>
</head>
<body>
<section id="videoPlayer">
<video id="my-video" width="600" height="300" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
<source src="M3U8格式" type="application/x-mpegURL" id="target">

</video>
</section>
       <script src="js/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>