本文目录一览：
- 1、videojs在vue中的使用(自定义组件,如清晰度)
- 2、用js控制video的src
- 3、video.js如何播放mpg格式
- 4、如何使用videojs的api
- 5、Vue中引入Video.js视频播放器(简单使用)
- 6、vue使用videoJS播放m3u8视频
videojs在vue中的使用(自定义组件,如清晰度)
1、该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。
2、进入可以看到插件的API和使用指南，还包括angularJS、react等框架的使用方法，因为我们项目用的vue框架，这里直接看vue的使用。
3、局部注册的组件，只能在当前Vue实例中使用，并且在其子组件中不可用。 在 components 选项中定义局部组件。每个组件就是一个小型的Vue实例，它里面除了不能设置el选项，其他选项它都有。-video.js如何使用
4、为了减少包体积，在组件中局部引入vue-video-player。需要引入videojs并绑定到window上。安装依赖videojs-contrib-hls(npmivideojs-contrib-hls)并引入。sources要指定type为application/x-mpegURL。-video.js如何使用
5、然后Mui Player也是很不错跟videojs差不多都很好用，对比videojs优势应该就是文档更好阅读点对于英语不好的是个好事。
6、Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id， [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。-video.js如何使用
用js控制video的src
假设你用的是ASP或者ASP.NET，可以在ASP页面里，直接通过服务器代码获取QueryString的值，传递给JS变量。
该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。
video src=movie.ogg controls=controls浏览器不支持 video 标签。
{ } 这个不太清楚是什么写法..可能是某些框架或插件里面的 (this).attr(data-video-src) 这个意思是获取 this对象的属性（data-video-src）的值。` ` 这个写法应该是es6里面的吧 ..没怎么接触过，也不太了解。-video.js如何使用
js使用video标签当切换视频时会显示上一个视频是video标签没有改。如果直接把标签替换掉的话，第一次是可以播放，但再切换别的src还是会显示第一个播放的视频的src。所以，正确方法是连同video标签一起换了。-video.js如何使用
video.js如何播放mpg格式
1、添加方法是，你对你的站点点右键点属性，然后点击HTTP头标签，下面有个MIME类型按钮。单击该按钮。像里面添加MIME类型。
2、angular项目里需要加入视频。一开始使用videojs的CDN没有任何问题，可以自动转换flash来播放flv文件。
3、Mpg格式的文件用视频播放软件就可以打开，比如暴风影音，优酷视频客户端等。
4、mpg是mpeg-1压缩格式，媒体类型是：主媒体类型是MEDIATYPE_Stream 子媒体类型为MEDIASUBTYPE_MPEG1System.从使用上来说，用GraphEdit，会发现在音频和视频过滤器的位置mpg格式的音频在下，视频在上。-video.js如何使用
如何使用videojs的api
进入可以看到插件的API和使用指南，还包括angularJS、react等框架的使用方法，因为我们项目用的vue框架，这里直接看vue的使用。
该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。
可以使用videojs-contrib-hls插件来支持HLS格式的视频播放，而mpg格式的视频可以通过将其转换为HLS格式的视频来实现播放。总之，要在videojs中播放mpg格式的视频，需要进行一些额外的操作，例如转换格式或使用第三方插件。-video.js如何使用
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器 所以，建议使用格式工厂软件去转换一下格式，转换成MP4格式。
第一种：1，Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，2，如果不支持 HTML5 则自动使用 Flash 播放器。
这个问题复杂了，几句话说不完。一个直播涉及到直播上传，信源转封装或转码，信源下传，web端播放。只有播放这一端比较简单，可以使用videojs或dashjs来播放HLS或是DASH格式的直播流。
Vue中引入Video.js视频播放器(简单使用)
该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。
进入可以看到插件的API和使用指南，还包括angularJS、react等框架的使用方法，因为我们项目用的vue框架，这里直接看vue的使用。
Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。
在vue页使用video.js方法调用时候遇到问题，一直提示无法找到视频文件正确路径，无法播放。视频播放需要在DOM加载完毕，并且获取到后端返回的视频播放地址之后才可以正确播放。
可以使用videojs-contrib-hls插件来支持HLS格式的视频播放，而mpg格式的视频可以通过将其转换为HLS格式的视频来实现播放。总之，要在videojs中播放mpg格式的视频，需要进行一些额外的操作，例如转换格式或使用第三方插件。-video.js如何使用
vue使用videoJS播放m3u8视频
可以。前端video标签播放m3u8格式视频直接使用video.js插件就行了。
我也遇到这个问题，据说使用方法其他串一样，把m3u8串传入src就行了。我亲测过了，在电脑上不行，在手机上可以。电脑是Chrome、safari、Mozilla的，手机是欧朋浏览器。之前我是用vlc插件的。现在Google都不支持NPAPI了。-video.js如何使用
angular项目里需要加入视频。一开始使用videojs的CDN没有任何问题，可以自动转换flash来播放flv文件。
m3u8视频打开方法如下：要播放此种文件，先要找到它所在的位置，先打开文件管理器，点击里面的手机。然后进入视频的目录，看到这里都是一堆的m3u8文件，你点击它是不可以播放的。
