贝斯特游戏大厅官网入口

视频播放器

最新更新:Jan-04-2024

云视频播放器基于avaScript HTML5视频播放器并包多值定制和集成能力,现可货币化解析播放器完全响应任何设备或屏幕尺寸的使用,并结合云式视频传输和变换解决方案

重要点
云形支持仅文档配置和带视频播放器提供文件直接修改播放器代码及其元素(例如CSS和JS文件)可能中断功能,不支持

本指南描述cloudinary-video-player版本1.1.5.

注解

原版本1.10.2默认源类型使用自动格式选择选择基于用户设备浏览器的最优文件类型和编解码器升级使用默认值时,可能为前一默认集中未包括的任何文件类型和编解码器获取附加导出视频

并见:

实战实例

置云视频播放器插入自己的网站或移动应用前,先查看视频播放器样本代码和视频播放器生成的视频播放器

或选设计并定制视频播放器云式视频播放器工作室.

简单例子,视频标签和短JavaScript创建响应重定视频播放器,播放单视频视频加载时屏蔽并包含基本控件

小技巧
中查找所有可用功能实例 云视频播放器样本页码

视频播放器特征

云视频播放器富集HTML5视频播放器本节归纳其主要功能

  • 响应设备支持webview播放器设计面向桌面浏览器和移动浏览器播放器的外观和感知响应显示尺寸
  • 玩家控件内置支持播放器控件:播放、暂停、哑/哑、音量控件、循环、跳转、最大化/退出最大值,并选择完全定制
  • 视频转换:应用云视频转换播放器级应用应用额外或覆盖视频变换
  • 多玩家:包含同页多玩家,各有不同的配置设置,或有不同的源并有相同的配置
  • 格式化支持流行视频格式和编解码器等mp4,webm网站,mv|iv1,vp9,h265.默认自动格式选择应用或手动指定多源类型
  • 自适应比特率流HLS和MPEG-DASH的充分支持,包括自动生成所有需要流出表示器和辅助文件
  • 自定义化:
    • 简单参数调整皮肤主题,颜色图案,字体学,标题和字幕显示和其他基本玩家偏好
    • 易增文本轨迹显示标题说明字幕编程供录影带使用
    • 定义性章次并显示查找栏章标识
    • 小点浮动播放器显示用户滚动超出播放视频
    • 查找缩略图显示时使用查找栏允许预览即将到来的内容
    • AI基础高亮图显示图求栏上方显示视频最趣味部分
    • 事件处理允许启动基于主动和交互动作的操作
    • 访问底层视频JSAPI低级控制或定制播放器中的任何元素
  • 播放列表:传递视频列表或自动包含所有带指定标签的视频可滚动播放器部件显示右下下移缩略图前几秒 结束视频
  • 建议:显示推荐视频结束
  • 货币化:播放器货币化准备状态,支持领先广告标准,如VAST,VPAIDVIMAP系统.也可以包括通过Google双点或AdSense发布广告Ad选项包括横幅预发号、中发号机和后发号机(有或无跳动选项)。
  • 可商店视频:通过展示产品图片与视频并发,使视频可商店化允许用户访问产品细节页面并购买
  • 分析学:监控多用户查看视频和何时下至所选择事件层次(启动、暂停、监视持续百分比等),然后将捕获数据传递到谷歌分析账号或其他解析跟踪器
    • 上头分析学Cloudinary控制台页面提供更多视频透视使用ViewPlayer探索总视频加载量、最受关注视频和顶级设备、浏览器和国家等关键成像

安装搭建

云式视频播放器提供标准光包变换,可使用薄化或非最小化格式

标准类 光线
非最小化 cld-video-player.js
cld-video-player.css
cld-video-player.light.js
cld-video-player.light.css
最小化 cld-video-player.min.js
cld-video-player.min.css
cld-video-player.light.min.js
cld-video-player.light.min.css

安装

要在HTML页面中包含视频播放器,您可以直接引用相关视频播放器打包文件unpknCDN或可安装全视频播放器包本地并引用相关本地文件

选项1:引用视频播放器相关版本直接取自unpkgCDN

注解
上方使用版本数是发布本页时最新测试版本推荐测试视频播放器和JavaScriptSDK最新版本并相应更新代码版数

选项2:安装视频播放器并导入成模块

  1. 安装cloudinary-video-player:

  2. 视频播放器导入模块并导入CSS文件

搭建

创建视频播放实例引用cloudinary.videoPlayer方法论提供 HTML元素视频播放器或ID, 并提供与产品环境关联的云名也可以包含任何其他选项 。例举 :

视频播放器即时使用源码方法加载视频提供公共ID或原视频URL例举 :

注解
  • 需要云名,即使你使用原始URLs支持视频解析数据.
  • 视频播放器前版本1.9.0 也要求云芯JavaScript库并使用略微不同的语法配置视频播放器cloudinary.Cloudinary.new)现有客户应注意,虽然视频播放器当前版本仍然支持老语法,无需修改您的视频播放器代码,消除依赖云芯JavaScript库生成小视频播放器打包大小云化推荐更新代码

视频播放器Studio

使用视频播放器Studio创建并定制视频播放实例并容易复制并粘贴到网站或应用程序中所需的代码studio包含特征,使你能够:

  • 选择您的视频播放源相关配置
  • 应用自定义化直视和感知你玩家
  • 从集选择高级特征和视频传输功能
  • 拷贝所需JavaScript嵌入式代码添加自托管云托管玩家网站或应用程序

视频播放器Studio

小技巧
也可以通过选择访问工作室 玩家视频播放子菜单 云台.

视频播放器样本

可查看HTML样本和JavaScript代码云视频播放器样本.

代码探索者:视频播放器操作示例

可实验视频播放器各种方法与属性云式视频播放器编码.

反馈发送

评分本页 :