几天前，我突然想制作像比利比利这样的弹幕系统。最初的想法是视频夹克A DIV，然后Div创建了弹元元素P标签以实现它。后来，发现它太困了。
我实施的原则是，ID的父元素是包裹两个元素的父元素div，一个是绘制弹幕的画布，另一个是视频视频。
父元素相对定位。画布和视频绝对位置，宽度为100％；高度也是100％，因此母元素变得越来越小，这两个元素也会一起变化。
但是，当我在视频的全屏幕上时，我将Canvas的Z Index调整为最大，仍然无法掩盖它。后来，当我得知视频的全屏幕时，级别比z索引本身大，因此没有效果。那么如何实现全屏幕？这很简单，只是视频的父元素的全屏幕还不够。此级别是相同的，可以覆盖画布。
文件标头和样式部分，
在身体部位，实现原则是con的ID的父元素，涵盖了两个元素，一个是绘制弹幕的画布，另一个是视频视频。
父元素相对定位。画布和视频绝对位置，宽度为100％；高度也是100％，因此母元素变得越来越小，这两个元素也会一起变化。
JS Part（我使用的是第三张腾讯云蘸酱，也就是说，将视频上传到腾讯云基库，可以节省服务器空间。当然，您还可以使用HTML视频标签来实现本地播放。例如，我的示例是所有腾讯云播放文档，可以将其更改为您，所有这些文件都基于视频标签）
渲染
编辑
全屏
编辑
所以有人问，您没用，全屏幕按钮在外面，我想要的是视频中有一个全屏幕，
这很简单。您可以查看视频标签下的完整屏幕按钮在何处视频的完整屏幕属性，然后找到他的父元素，将全屏幕按钮添加到其中。
原始：https：//juejin.cn/post/7100003291622768654