mip-vd-baidu

优质
小牛编辑
132浏览
2023-12-01

<mip-vd-baidu> HTTP 视频源播放的百度解决方案。

在 MIP 中,一些资源的使用需要支持 HTTPS,视频就是其中一种。但目前大部分站点的视频资源都还是 HTTP 的资源,无法在百度 MIP 搜索结果中直接使用,<mip-video> 视频组件针对 HTTP 的视频资源采用跳到一个 HTTP 的播放页面进行播放,这种体验并非最佳。故 MIP 项目组联合百度搜索,推出在 MIP 中直接使用 HTTP 视频源进行播放的解决方案,那就是 <mip-vd-baidu> 组件。

标题内容
类型通用
支持布局responsive
所需脚本https://c.mipcdn.com/static/v2/mip-vd-baidu/mip-vd-baidu.js

示例

基本用法

<mip-vd-baidu layout="responsive" width="640" height="360" 
  title="MIP移动网页加速器" 
  src="http://mip-doc.bj.bcebos.com/MIPSampleVideo.mp4" 
  poster="https://mip-doc.bj.bcebos.com/mip-video-poster.jpg">
</mip-vd-baidu>
查看例子 编辑示例

属性

title

说明:视频的标题

必选项:是

类型:字符串

取值范围:无

单位:无

默认值:无

src

说明:视频源地址

必选项:是

类型:URL 类型

取值范围:标准 URL

单位:无

默认值:无

poster

说明:视频源的封页

必选项:是

类型:图片 URL 类型

取值范围:标准图片 URL

单位:无

默认值:无

技术实现原理

  1. 通过组件的参数生成视频请求的 URL;

  2. 请求百度 MIP 视频 Server;

  3. 请求内容池,如果存在该视频资源,返回支持 HTTPS 的视频 URL,若不存在,返回原 URL,并调用视频抓取服务,将视频抓取放入内容池,需要添加 IP 白名单:123.125.71.*;

  4. 通过百度 MIP 视频 Server 返回的视频 URL 做播放逻辑。

概括地说,百度 MIP 视频服务会通过抓取,将 HTTP 的视频源抓取到百度 MIP 视频内容池, 从而达到视频支持 HTTPS 的目的。

详细步骤见如下流程图:

注意事项

若缺少必填属性,MIP 视频服务的抓取流程无法进行。