嵌入哔哩哔哩 Bilibili视频

你可以通过添加视频链接的方式添加视频,了目前支持添加腾讯/优酷的视频。你也可以通过代码来嵌入其它平台的视频,比如 Bilibili,酷播云视频需要注意的,嵌入代码功能属于专业版/企业版套餐,在试用期间不能使用,需要升级付费后绑定自定义域名才可以使用。

 

哔哩哔哩 Bilibili视频示例:http://appandcode.mysxl.cn/#3 

 

 

一、获得哔哩哔哩 Bilibili视频代码

1. 打开Bilibili网站,或打开 Bilibili 视频。

2. 登录后上传你的视频。(Bilibili 相关文档:投稿相关

3. 打开你的视频,在视频下方然后点击“分享”的图标。(通常网站的HTML代码可以在“分享”按钮那里找到)。然后在”嵌入代码“处点击”复制“:

mceclip0.png

 

 

二、在上线了网站编辑器 

1. 复制代码后,进入上线了的网站编辑器,然后在左边面板点击”添加新版块“,在弹出的版块列表里选择”应用商店及 HTML 代码“。

mceclip0.png

 

2. 把鼠标放在“应用商店与 HTML 代码”版块,然后点击编辑:

mceclip2.png

 

3. 在应用程店列表中选择“HTML”。

mceclip3.png

 

4. 把刚才复制的”嵌入代码“粘贴到”自定义 HTML 代码“框里,点击“保存”。

 

5. ”上线“使其生效。

 

 

一些注意的地方:

  • 请确保复制的是完整的的代码段。缺失一个字体,标点符号,字符都会导致代码无效。
  • 代码在编辑器是看不到效果的,你需要点击编辑器的左上方“预览”或”上线“来查看效果。
  • 若希望更改视频的显示大小,可以根据视频平台提供的代码来调整尺寸。比如在 Bilibili 中,可以在代码前面添加 height=800 width=900 这些的尺寸代码,即在 <iframe 后面,src=前面。比如:
    <iframe height=800 width=900 src="//player.bilibili.com/player.html?aid=xxxxxxxx&cid=xxxxxxxxx&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
  • 不是每个视频平台都支持响应式布局,即根据屏幕大小而自动调视频显示。可以与视频平台确认是否支持。

 

若需要咨询视频的代码及其设置,也可以联系哔哩哔哩 bilibili 视频客服获得关于视频的信息。



有任何疑问,欢迎联系我们

还有其它问题?提交请求