如何用video.js实现vue中m3u8视频格式的播放支持?

2026-04-08 18:240阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计708个文字,预计阅读时间需要3分钟。

如何用video.js实现vue中m3u8视频格式的播放支持?

前言:今天遇到一个关于m3u8视频播放的问题,折腾了一下午。

项目所涉及的视频流都是m3u8格式的,后台返回的视频流也都是m3u8格式的,解决了好长时间,看了好多博客,只有一个博客给了答案。

前言

今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请查看。会使用两种方法来解决这个问题

第一种方法

1.在vue中安装下面这些插件

cnpm install video.js --save ccnp install videojs-contrib-hls --save

网上有说video.js版本太高不能使用,不能使用7以上的版本,用5版本的,最后结果测试,根本不需要什么低版本的高版本的,7版本以上的没有任何问题。

阅读全文

本文共计708个文字,预计阅读时间需要3分钟。

如何用video.js实现vue中m3u8视频格式的播放支持?

前言:今天遇到一个关于m3u8视频播放的问题,折腾了一下午。

项目所涉及的视频流都是m3u8格式的,后台返回的视频流也都是m3u8格式的,解决了好长时间,看了好多博客,只有一个博客给了答案。

前言

今天被这个关于m3u8视频播放不了搞了一下午,这个项目所有的视频流都是m3u8格式的,后台给我们返回的都是m3u8格式的视频流,解决了好长时间,看了好多博客,只有这个博客给我点启发,去解决这个问题,请查看。会使用两种方法来解决这个问题

第一种方法

1.在vue中安装下面这些插件

cnpm install video.js --save ccnp install videojs-contrib-hls --save

网上有说video.js版本太高不能使用,不能使用7以上的版本,用5版本的,最后结果测试,根本不需要什么低版本的高版本的,7版本以上的没有任何问题。

阅读全文