Handsome嵌入B站视频

Author：氷
发布时间：May 1, 2023
178 views
One comment
1109 words
Categories： handsome

## 一、实例

## 二、后台外观

在`开发者设置`中`自定义 CSS`里添加下面内容

![CSS](https://www4.iceyer.cn:444/usr/uploads/2023/05/2553759557.png)

```
/*视频挂载*/

.iframe_video {
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .iframe_video {
        height: 15em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .iframe_video {
        height: 20em;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .iframe_video {
        height: 30em;
    }
}

@media only screen and (min-width: 1200px) {
    .iframe_video {
        height: 40em;
    }
}

.iframe_cross {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%
}

.iframe_cross iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
```
## 三、B站复制嵌入代码

![嵌入代码](https://www4.iceyer.cn:444/usr/uploads/2023/05/693099035.png)
在复制的代码加入`class="iframe_video"`

```
<iframe class="iframe_video" src="//player.bilibili.com/player.html?aid=570597681&bvid=BV1rz4y1Y7ej&cid=1114473192&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
```

## 四、最终效果

![B站视频](https://www4.iceyer.cn:444/usr/uploads/2023/05/90639575.png)

Last modification：May 1, 2023

喜欢我的文章吗？别忘了点赞或赞赏，让我知道创作的路上有你陪伴。

One comment

lyktckejyp
2 Mouths Ago

不错不错，我喜欢看 https://www.ea55.com/

Reply

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Comment *

Private comment

Name *

🎲

Email *

Site

sslxqvhmsy
《狼皮袄》剧情片高清在线免费观看：https://www.jg...
emsrdpnyom
你的文章充满了欢乐，让人忍不住一笑。 http://ww...
rrrrssfzgi
《麻辣白玉堂之刺涿州》动作片高清在线免费观看：https://...
eyykjvlykv
你的文章充满了欢乐，让人忍不住一笑。 http://ww...
jqeqpumbae
《麻辣白玉堂之刺涿州》动作片高清在线免费观看：https://...

Handsome嵌入B站视频

One comment

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

群晖NAS Docker运行Clash与yacd

Home Assistant——HACS添加代理提升下载速度

便(垃)携(圾)主机——小米mix2s+ipad3屏幕+displaylink扩展坞！！！

Home Assistant——云音乐ha_cloud_music（播放的不是对应的音乐？）

全网首发群晖DSM7.0部署inis

全网首发群晖DSM7.0部署inis

近期看到很多远控病毒...

nginx 防盗链

Handsome嵌入B站视频

PPT抽奖VBA实例

Handsome嵌入B站视频

One comment

Leave a Comment Cancel reply 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Handsome嵌入B站视频

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款