video.js遇到的坑

先生不吃锅巴 2018-07-16 11:10:09

现有需求，需要做视频监控，项目运用的是vue框架，我使用的videojs+videojs-contrib-hls 播放m3u8格式的视频流，本地可以播放；
一发布到线上会报referenceerror :e not defined错误，有遇到相同情况的朋友吗？求指教

...全文

1303 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在上一篇我们已经讲解过Video.js和cKplayer的引入和使用，任何事物都具有两面性，插件在简单好用的同时，也会有很多坑让我们遇到，这篇文章就会针对，video.js使用过程都各种坑，提供相应的解决办法。 1.在angular中将rtmp播放地址，直接写在html文件中，不能播放 <video id="historyVideo" class="video-js vjs-big-play-centered history-video" controls

一、video.js的使用 1.引入文件 <link rel="stylesheet" href="../cssnew/video-js.css"> <script src="../jsnew/video.min.js" type="text/javascript" charset="utf-8"></script> 注意路径！！！ 2.html <vi...

注：文中没写的地方，假设已经引入了Video.js库的文件，包括JavaScript和CSS等。列举一些小白入门Video.js可能遇到的问题视频的配置关于视频的配置，如宽高，预加载，未播放时显示的图片，以及播放，声音，进度条等控件/组件的设置。一般来说有三种方法来设置。写在video的html标签之中，如<video id="video1" class="video-js" control...

坑1：笔者写这个文章的时候，video.js已经是 7.X了，发现加载不出来，查文章发现 5.x版本居然可以。经过一番查询才知道原因如下：发现6.x版本后需要单独的flash插件，早期版本包含了flash，因此在用video.js 7.x的时候还需安装 videojs-flash。坑2：然后我的页面由于需要多个视频，每个视频大小受限，出现了 rtmp 不能自动播放的问题，看了网上的说法，又是加muted 又是加autoplay 都没用。最后发现问题如下： Chrome实际上已于2015..

在React中使用video.js，bug记录

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章