视频是媒体组件的一种,支持自定义视频的url地址、视频播放属性、播放器的外观属性等,支持mp4格式的视频,能够在大屏中添加视频播放器来播放您的视频。本文档为您介绍视频组件各配置项的含义,帮助您快速准确地使用视频组件。

样式



  • 基础属性
    • 图表尺寸:组件的宽度和高度,单位为px。
    • 图表位置:组件在大屏中的位置,通过横纵坐标来定义,单位为px。
    • 其他:组件的旋转角度和透明度。
  • 视频地址:建议使用mp4格式的视频地址(如:xx.test.com/video.mp4),也可以在数据中配置,优先使用数据中的配置。
  • 自动播放:勾选后,在预览或发布页面视频可自动播放。
    注意 使用最新版的Chrome浏览器,需要按照以下方法开启自动播放功能,该配置项才有效(官方文档https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)。

    解决方案:在Chrome浏览器地址栏中输入chrome://flags/#autoplay-policy,将Autoplay policy配置项设置为No user gesture is required

  • 循环播放:勾选后,在预览或发布页面视频播放完毕后,再次播放。
  • 控制条:勾选后,在预览或发布页面视频底部可显示控制条。
  • 空视频文案:在没有具体视频时,用来提醒用户的文本,一般显示在组件内部上方。
  • 音量:视频播放时的声音大小。勾选了控制条后,可在大屏中调节音量的大小。

数据



  • url:(可选)配置视频资源的地址,与视频地址配置项功能相同。若两者都进行了配置,则优先使用数据中的配置。

交互

此组件没有交互事件。