当前位置: 首页 > Web前端 > HTML

实现

时间:2023-04-02 12:38:55 HTML

全屏视频弹幕这篇文章短小精悍?视频全屏后如何加弹幕答:了解screenfull;指针事件:无;(如果你不明白我的意思,我可以教你怎么摸)这个花边的东西用的是Flash,全屏时浏览器会拉高视频级别(H5也有同样的问题),(重点是Flash不关心你的DOM,大家玩过就明白我的意思了。)结果,按position定位的花边在全屏后位于视频下方。简单来说就是视频全屏时不显示花边。处理问题的过程一开始是一个很常规的想法。如何在视频全屏时降低视频电平,让我需要的div块在视频上方。然后我尝试了各种方法,被制裁的人都很听话,所以每个人都可以做。其实仔细一想,我想做的就是类似弹幕的东西,哎~~B站是怎么实现的。别人的弹幕B站肯定是拿不到源码的,来看看他的控制台的资源、元素、风格吧。确实在全屏的时候实现了。弹幕编写的DOM结构和CSS样式并不复杂。全屏无非就是在全屏的时候给DOM加上一个样式。我也试过了,没有用。WEY?4.错在哪里?如果这道题的思路错了,那就是死路一条。所以我在找问题的时候经历了很多坑。错误的想法是我不应该用视频全屏,敲黑板!重点!不要使用视频的全屏!(直到问题解决了才恍然大悟),然后发现了一个有趣的东西。[全屏][3]。我不知道B站他们是怎么玩的,我就是用这个实现的。这个东西可以让你的浏览器的DOM覆盖整个屏幕。欧?~~~5现实它DOM<来源src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4"type="video/mp4"/>

脚本CSS到我的代码中找到你需要的6.什么是指针事件?弹幕呢?pointer-events是指向通过时使用的CSS属性。如果您在视频顶部有弹幕层,您将需要她。弹幕呢,没有。很多人已经意识到了,好吗?这个你应该问[百度][5]或[必应][6]。GitHub地址https://github.com/Gao-Fan/vi...