如何插入视频?

Baklib支持以下两种形式的视频插入,视频插入后都可在Baklib平台内在线播放。
  1. 通过iframe标签插入第三方视频平台的视频链接(例如西瓜、腾讯、爱奇艺等)。
  2. 先将视频上传到自己的云服务器或第三方云平台后,将视频链接插入Baklib。(需绑定独立域名)

一、插入第三方平台视频

方法一、复制第三方视频平台分享链接

1.腾讯、爱奇艺、优酷、bilibili、西瓜视频等视频网站的内容接入 。

如图所示,找到想要插入的视频下方的分享按钮,复制嵌入代码/通用代码
复制链接

2.将视频嵌入代码放到Baklib播放器中

鼠标点击任意文章编辑区域,点击“+”点击“添加视频”标志(如图所示)
效果展示

方法二、复制第三方视频分享链接

鼠标点击任意文章编辑区域,点击“+”点击“添加视频”标志(如图所示)
填写iframe通用标签,例如:
<iframe style='width: 600px;height: 338px' frameborder='no' allowfullscreen mozallowfullscreen webkitallowfullscreen src='https://www.bilibili.com/video/BV1TU4y1871C'></iframe>
效果如下:

二、如何使用video标签播放自己服务器的视频

绑定了独立域名的用户,可通过Markdown中的video标签,将自己服务器上的 mp4 视频地址,嵌入到Baklib中方法如下:

1.插入Markdown块

2.根据下面格式修改内容后即可添加播放自己服务器的视频

<video poster=" " /*视频封面地址 添加后效果更美观*/ src="video.mp4" /*视频播放地址 可在浏览器中打开*/ width="800px" height="600px" /*播放界面的尺寸*/ preload="none" /*指示页面加载后不应加载视频,为了页面打开效率建议填写*/ controls="" /*使用浏览器默认播放控件 必须填写*/ </video>
效果演示:

更多产品问题请咨询Baklib官方客服,添加成功后回复“入群”即可加入Baklib用户交流群。
您会在Baklib用户交流群中收获:每日知识分享(行业资讯、职场技巧)、定期话题讨论(题目大家定)、产品更新公告、产品福利、最快速最专业的问题解答 。期待您的加入!
2022-07-14
2 0