分类：视频弹幕

2021
11-14

JavaScript css3实现简单视频弹幕功能

本文尝试写了一个demo模拟了最简单的视频弹幕功能。思路：设置一个<div>和所播放的video的大小一致，把这个div标签蒙在video上面用于放置弹幕。在video的右边放一个<ul>列表用于显示弹幕列表。屏幕上面的弹幕，把内容放在<span>标签里面，一般一行字都是从左边飞到右边，为了简单起见，这个移动就用了CSS3的transition属性。position设置为absolute,那么就用的transition过度left属性，实现弹幕的移动。当然要注意设置其父元素... 继续阅读 >