首页使用JQuery 插件播放 m3u8 文件

使用JQuery 插件播放 m3u8 文件

时间: 2023-09-04 09:11:30 浏览: 260

您可以使用video.js和videojs-contrib-hls插件来播放m3u8文件。以下是一个示例代码： ``` html <!DOCTYPE html> <html> <head> <link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" /> <script src="https://vjs.zencdn.net/7.8.4/video.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.15.0/dist/videojs-contrib-hls.min.js"></script> </head> <body> <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}"> <source src="http://example.com/path/to/your/m3u8/file.m3u8" type="application/x-mpegURL"> </video> <script> var player = videojs('my-video'); player.play(); </script> </body> </html> ``` 请确保替换`src`属性中的URL为您自己的m3u8文件的URL。

阅读全文