由于jquery中没有video的paly,pause方法，所以在使用jquery来控制视频的播放的播放状态时会出现问题 之前的代码： 这样写点击按钮后视频不能正常播放，当然播放按钮也没有隐藏， 解决这个问题，首先需要用get(0)的方法将jQuery对象转为原生js对象 ...

先搞个原生的video标签进来 展示如下，自带的控制台里，播放/暂停，声音，全屏，下载等 一般没人用它，都喜欢自己弄个居中的播放按钮。。 搞吧，先弄俩 播放/暂停的 icon图标进来， 这里利用 $refs 去指定元素，绑定监听 ...

属性 值 描述 autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件 ...

1.原生Video的基本属性 src ：视频的属性，url地址poster：视频封面，没有播放时显示的图片preload：预加载|none|metadata（部分预加载）|auto。默认为autoautoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频 ...

安装： 使用示例： 参考文档 https://video-react.js.org/ ...

在html里面是这样的： <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script> <video id="video" autoplay ...

参考：https://blog.csdn.net/arvin0/article/details/81665264 ...

<style> .stop { background-color: #FF2D2D; width: 80px; height: 30px; li ...