在网页中嵌入bilibili视频

嵌入视频框 #

在自己的网页里嵌入bilibili视频其实很简单. 进入bilibili网页版, 在视频下找到分享按钮并点击, 即可看到嵌入代码, 形如

<iframe src="//player.bilibili.com/player.html?aid=68945658&cid=119490508&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

将其复制并粘贴到自己的网页中就可以了!

美化视频框 #

当然如你所见完全不修改代码的话视频框非常丑. 于是我们可以通过调整视频框的样式, 在css文件中写入

display: block;
margin: 20px auto;
width: 720px;
height: 480px;

来得到一个大小位置都合适的视频框.