1.m3u8 这种格式前端video标签可以直接播放，也可以使用封装好的插件， 在线播放地址（https://mr158.cn/m3u8test/） vue项目demo 2.rtsp 这种视频前端不能

大家总说性能优化的xxx条建议，但实际操作时又觉得很无力。本文就带你体验一次真实的性能优化案例和原理解析

相信大多前端同学都自己写过音频、视频播放器，实现并不复杂，可是进度条不顺滑，现提出优化方案和代码示例

在企业资料的开发中，除了涉及到视频上传之外，还需要使用视频中的第一帧或者或许几帧作为视频封面展示。 因此，JS截取视频第一帧的难点就此诞生，但是查阅了资料发现，网上提供的资料无外乎俩种，第一种是 wasm + ffmpeg 配合后端去截取，第二种是JS自行截取。优缺点也是显而易…

属性规定在页面加载后载入视频。如果设置了 autoplay 属性，则忽略该属性。 视频播放时局域播放，不脱离文档流 。但是这个属性比较特别， 需要嵌入网页的APP比如WeChat中UIwebview 的allowsInlineMediaPlayback = YES webvie…

安装引入可以全局引入插件，也可以在需要用到该插件的组件内单独引入（二选一）【1】全局引用，在main.js里面导入并引用【2】组件内引用使用【1】html部分【2】js部分【3】效果图​视频格式控制播

工作中用到video标签做视频播放器，一开始用 video.js 插件代替，如果只用这个插件进行简单的播放视频，是不是有点浪费，而且这个插件用 webpack 打包后 vendor.js 会很大，所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停…

X5浏览器为了解决覆盖DOM元素的问题，提出了一个同层播放的概念，通俗一点讲就是视频播放还是要弹出全屏的，但是视频可以不覆盖DOM元素，可以和视频在同一层，虽然这方案有点别扭，但总算解决了覆盖DOM元素的问题，特别是对于H5直播来说非常重要。 点击微信顶部的返回按钮时，退出全屏…

手头上正好有个项目，需要做一个微信端H5视频秀的一个项目，想想好像挺简单的，由两个视频组成，播放完第一个视频后点击按钮继而播放第二个视频。好了，结果微信的坑TM的多 是的，微信有自带WeixinJSBridgeReady方法，我们只要监听它就行了，IOS完美解决。 “那个谁，把…