最近研究通过videoJs播放本地视频和网络视频流，现将学习成果总结供大家分享。 操作步骤如下： 1、下载解压文件，进入对应的文件打开HTML文件直接运行即可。 2、文件夹内容说明：前两个文件夹是播放本地不同格式视频的实例，后两个文件建分别是播放M3U8格式和RTMP格式视频流的实例。 3、运行播放rtmp的实例时，请根据注意事项进行操作。

Video.js水印 一个插件通过在视频顶部显示一个watermak。 使用插件 当您在页面中包含“ videojs.watermark.js”时，该插件会自动注册： [removed][removed] 您可能也想包括默认样式表。 它可以处理在视频上显示图像的操作： <link href="videojs.watermark.css" rel="stylesheet"> 创建视频元素后，即可激活水印插件。 该插件有5个选项file和xpos以及ypos and xrepeat和opacity。 它使用CSS在视频上显示图像。 video.watermark({ file: 'watermarks.png', xpos: 50, ypos: 50, xrepeat: 0, opacity:

videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）, 路径为test/tes2.html。videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）, 路径为test/tes2.html。videojs播放rtmp流，测试代码，需要部署到服务器上(包括但不限于tomcat，iis）, 路径为test/tes2.html。

videojs-事件跟踪 使用 VideoJS 跟踪事件并密切关注性能指标。 这已经用 VideoJS 5 到 7 进行了测试，如果你想看看它是否与你的版本很好地配合，只需克隆 repo 并更新 package.json。 打开index.html并按下播放——观看事件流。 安装 npm install --save videojs-event-tracking yarn add videojs-event-tracking 用法 要在您的网站或 Web 应用程序中包含 videojs-event-tracking，请使用以下任一方法。 初始化就像普通的 videojs 插件一样。 videojs ( 'videodomid' , { ... , plugins : { eventTracking : true } } ) ; // or videoInstance . eventT

前端项目-videojs-swf,video.js的flash fallback视频播放器（http://videojs.com）

研究了一天的WEB端视频播放器，videoJs、video-flash、videojs-contrib-hls.js、网易云信播放器、百度播放器、阿里播放器等等，几乎所有的WEB播放器都尝试了一遍，但是不得不说，视频的水太深了，而且会出现一些奇怪的问题，如果不从视频的底层技术研究，那只有臆想了。这里整理了一些WEB播放器，希望可以帮助您

基于element框架，添加videojs-markers打点标记插件的demo

js播放m3u8视频的插件，video-js插件并包含使用demo，有需要的朋友欢迎来取

m3u8播放相关js插件，里面包含所有的 相关js文件