JavaScript CSS解析B站的弹幕可以不挡人物原理及技巧

发布时间:2024年01月14日

这篇文章主要为大家介绍了JavaScript CSS解析B站的弹幕可以不挡人物原理及技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

正文

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了,不会挡住人物,觉得很神奇,于是决定一探究竟。

高端的效果,往往只需要采用最朴素的实现方式,忙碌了两个小时,陈师傅打开了F12,豁然开朗。一张图片+一个属性,直接搞定。

2023011808454509.jpg

20230118084545010.jpg

demo

为了印证我的想法,我决定自己写一个demo

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .video {
      width: 668px;
      height: 376px;
文章来源:https://blog.csdn.net/Sapphire521/article/details/135568761
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。