贝斯特游戏大厅官网入口

如何嵌入视频播放器

最新更新日期:Oct-31-2023

本段引导你跨步嵌入自托管机和云托管机视频播放机,设置视频播放机播放自云产品环境视频,并自托管机播放机应用常用视频播放器方法属性

嵌入基本视频播放器

小技巧
可使用 云化CLI生成嵌入视频播放器基本代码

可使用 自托管播放器包括云视频播放器JavaScript库,使你完全控制所有视频播放器实例或可嵌入 云托管播放器使用iframe易生成代码使用 云式视频播放器工作室或自建

自托管播放器

嵌入自托管播放器使用云视频播放器 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视频属性按例指定

注意
设置视频播放器源码和任何变换或源码类型时,将调整视频播放器使用的最后交付URL故需制作新制版视频长式视频推荐 热切生成上传或使用这些导出版本 清晰方法上传API

例1:定义公共标识 :

实例2:在视频Player方法中指定公共标识:

例3:在视频Player方法中指定视频为URL:

实例4:指针多源类型:

关于其他配置细节可设置见配置选项视频播放器API引用.

最佳性能建议

嵌入自托管播放器时,可以多种不同方式嵌入并配置其中一些提供比另一些提供更好的性能以下是一些建议 如何嵌入播放器 最优性能

  • 使用光线非自适应比特率流学 视频广告或可购物视频功能
  • 保证页面加载视频播放库和HTML如下最优排序:
    1. 视频播放器样式表
    2. HTML视频元素
    3. 云式核心视频播放器JavaScript库
    4. JavaScript配置视频播放器
  • 使用sld浮点响应式播放器分级类JS配置法应用此方法防止不想要的玩家重定位

下方简单示例说明你应如何组织视频播放器代码使用上方建议

视频教程:嵌入视频播放程序

观看视频教程学习如何嵌入视频播放程序

云托管播放器

云托管播放器使用iframe为页面添加玩家实例玩家本身由云型托管并易配置定制可设计配置您的玩家使用云式视频播放器工作室后拷贝并粘贴它为您生成的iframe代码或可手动配置iframe代码,概述如下如果您不想自己托管视频播放器并想将个人预配置视频播放器添加到网站或应用程序中,

视频播放器iframe代码外观简单例子

如何编译自己的云托管播放器

开工添加iframe到页面或应用

添加