博客页面嵌入bilibili视频(iframe框架)推荐比例

作者: Brave 分类: 生活 发布时间: 2018-10-05 18:40

移动端嵌入视频比例,高度200px~240px,宽度280~330px
推荐大小为: height:200px ;width:330px
如果用更大的尺寸,在移动端上画面会显示不全,体验很不好。
缺点:因为画面比较小,选择清晰度、全屏这些按钮都显示不出来。

以下为代码及效果演示:

<iframe src="//player.bilibili.com/player.html?aid=24647358&cid=41427576&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:330px; height:200px"> </iframe>

电脑端嵌入视频比例: 高度460px以上 ;宽度640px以上
推荐大小: height:460px ;width:640px
因为电脑浏览器显示面积更大,可以用更大尺寸,bilibili自带的选清晰度、全屏按扭都可以显示出来。
缺点:在移动端画面过大 ,显示不全。

以下为代码及演示效果:

<iframe src="//player.bilibili.com/player.html?aid=24647358&cid=41427576&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width:640px; height:460px"> </iframe>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注