如何用css3做弹幕

html-css021

如何用css3做弹幕,第1张

1.首先创建弹幕区域

<div class="barrage"><div class="mask"><!--//弹幕内容--></div></div><input type="text" ng-model="data.comment"/><button ng-click="addDanmu()">说两句</button >

2.css

.webPage .barrage{width:100%height:22%position: absolutebottom: 50pxbackground-color: transparentpointer-events: none}.webPage .barrage .mask{width:100%height:100%background:transparentz-index:100}

是电脑Flash插件或字体库出现问题。可以尝试更新Flash插件、播放器设置中更改弹幕字体、重新安装字体库,或者是打开弹幕设置更改弹幕渲染方式,从默认的css3改为canvas。之后可自行用两种渲染方式打开同一个视频进行对比也可以的。