video 视频

支持视频的渲染，提供插入视频的能力，并且支持拖拽视频的右侧边缘可修改大小

Commands 命令

getVideo()

获取光标所在的视频节点

• 类型

  getVideo(): KNode | null

• 详细信息

  该方法可以获取光标所在的唯一视频节点，如果光标不在一个视频节点内，则返回 null

• 示例

  const videoNode = editor.commands.getVideo()

hasVideo()

判断光标范围内是否有视频节点

• 类型

  hasVideo(): boolean

• 详细信息

  该方法用来判断光标范围内是否有视频节点，返回 boolean 值

• 示例

  const hasVideo = editor.commands.hasVideo()

setVideo()

插入视频

• 类型

  setVideo(options: SetVideoOptionType): Promise<void>

• 详细信息

  提供一个入参，类型为 SetVideoOptionType，包含 3 个属性：

  • src string：视频的链接地址
  • autoplay boolean：视频加载完成是否自动播放
  • width string：视频的初始宽度

  该方法会向编辑器内插入视频节点，在插入完毕后会更新视图和光标的渲染，所以调用该命令你无需主动 updateView

• 示例

  await editor.commands.setVideo({
    src: 'https://xxxxx.mp4',
    autoplay: true
  })

updateVideo()

更新视频信息

• 类型

  updateVideo(options: UpdateVideoOptionType): Promise<void>

• 详细信息

  提供一个入参，类型为 UpdateVideoOptionType，包含以下 3 个属性：

  • controls boolean：视频是否显示控制器，不设置则不更新此属性
  • muted boolean：视频是否静音，不设置则不更新此属性
  • loop boolean：视频是否循环，不设置则不更新此属性

  该方法可以更新视频相关的设定，并且在更新完毕后会更新视图和光标的渲染，所以调用该命令你无需主动 updateView

• 示例

  await editor.commands.updateVideo({
    loop: true
  })

代码示例