数字资产管理
如何嵌入视频播放器
最新更新日期:Oct-31-2023
本段引导你跨步嵌入自托管机和云托管机视频播放机,设置视频播放机播放自云产品环境视频,并自托管机播放机应用常用视频播放器方法属性
嵌入基本视频播放器
自托管播放器
嵌入自托管播放器使用云视频播放器 JavaScript库比使用云托管播放器.并需要库输入网站或应用使用视频播放器库可增强播放器控件并重播我们建议使用这种嵌入法,如果你有多玩家实例、需要程序控制回播事件或有高级定制需求
开工包含视频播放器和JavaScriptSDK相关CSS和JS文件
视频播放器包可用标准光包变换方式,每种变换方式均可分解或非最小化格式并需要JavaScript云芯库里视视频播放器特征而定,你还可能需要添加文件
unpkk.com标准分解包
全部选项详解见安装搭建
二叉嵌入视频播放器通过视频播放器类添加视频标签元素
创建视频标签至少带cld-video-player类和标识符值.也可以包括标准HTML5视频播放器属性
3级验证云视频播放器
使用视频播放器证明视频层或传递视频元素本身可选添加构造器参数设置全局配置
或
云视频播放库使用你至少需要配置云化Name.可额外定义数选配置参数.举个例子,如果你高级计划用户私用CDN自定义CNAME可设置私有Cdn置真并配置名码参数匹配搭建这将确保视频播放器使用正确的 URL提供视频
立置配置参数同时即时新玩家,例如:
或私有CDN自定义分发
视频播放器版本早于1.9.15,配置参数包括云名必须写进蛇盒文档中所有例子现在使用 shealCase与视频播放器其余选项一致蛇案例会继续支持,然而你必须升级视频播放器版本至至少1.9.15if you wish使用任何 shealCase示例
if you plan包含多玩家页面同配置使用视频层方法论举例说,您可以为每种视频公共标识码指定不同的视频公共标识码
标签上在这种情况下,没有必要定义标识符属性表示
可锁定标签cld-video-player类中和即时单播放器一样,可选添加构造器参数.
4级指定视频播放和可选播放器配置
可指定视频播放,变换应用,并附加数配置
标签或构造参数视频层方法论这些配置和变换应用视频播放器本身, 并因此应用到视频播放器内所有视频源
可额外指定一些选项,例如视频公共标识或视频URL、视频变换和图片源/视频源videoPlayer.source或数据焊接源属性中
标签),并设置不同的值这些选项
最优交付时,您还可以定义源类型,由播放器使用可包括先进格式编解码器和编解码器组合自适应比特率流格式化播放器将尝试先播放源类型并回溯后发格式帮助提供最优视频传送取决于浏览器和装置
面向
标签,所有特殊云式视频播放器配置数据焊接前缀标准HTML5视频属性按例指定
例1:定义公共标识 :
实例2:在视频Player方法中指定公共标识:
例3:在视频Player方法中指定视频为URL:
实例4:指针多源类型:
关于其他配置细节可设置见配置选项并视频播放器API引用.
最佳性能建议
嵌入自托管播放器时,可以多种不同方式嵌入并配置其中一些提供比另一些提供更好的性能以下是一些建议 如何嵌入播放器 最优性能
- 使用光线非自适应比特率流学 视频广告或可购物视频功能
- 保证页面加载视频播放库和HTML如下最优排序:
- 视频播放器样式表
- HTML视频元素
- 云式核心视频播放器JavaScript库
- JavaScript配置视频播放器
- 使用
sld浮点响应式播放器分级类JS配置法应用此方法防止不想要的玩家重定位
下方简单示例说明你应如何组织视频播放器代码使用上方建议
视频教程:嵌入视频播放程序
观看视频教程学习如何嵌入视频播放程序
教程内容
云托管播放器
云托管播放器使用iframe为页面添加玩家实例玩家本身由云型托管并易配置定制可设计配置您的玩家使用云式视频播放器工作室后拷贝并粘贴它为您生成的iframe代码或可手动配置iframe代码,概述如下如果您不想自己托管视频播放器并想将个人预配置视频播放器添加到网站或应用程序中,
视频播放器iframe代码外观简单例子
如何编译自己的云托管播放器
开工添加iframe到页面或应用
添加