抖音开放平台Logo
控制台

VideoContext.setWaterMark
收藏
我的收藏

基础库 2.48.0 开始支持本方法，低版本需做兼容处理，这是一个异步方法。

设置普通水印，目前仅抖音支持，展示的水印内容为抖音 id，水印会铺满整个视频容器。

前提条件无
业务背景无
使用限制无
注意事项无
支持沙盒
否
相关教程无

语法

VideoContext.setWaterMark(options)

参数说明

options 为 object 类型，属性如下：

属性名类型默认值必填说明最低支持版本
enablebooleantrue否
是否显示水印
2.48.0
colorstring#FFFFFF33否
水印颜色，只支持 HEX 格式
2.48.0
successfunction否
接口调用成功的回调函数
2.48.0
failfunction否
接口调用失败的回调函数
2.48.0
completefunction否
接口调用结束的回调函数（调用成功、失败都会执行）
2.48.0

回调成功

object 类型，属性如下：

属性名类型说明最低支持版本
errMsgstring
"VideoContext.setWaterMark:ok"
2.48.0

回调失败

object 类型，属性如下：

属性名类型说明最低支持版本
errMsgstring
"VideoContext.setWaterMark:fail" + 详细错误信息
2.48.0

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

<video id="myVideo" src="http://1011.hlsplay.aodianyun.com/demo/game.flv"></video>
Page({
  data: {},
  onLoad() {
    const videoCtx = tt.createVideoContext("myVideo");
    videoCtx.setWaterMark({
      color: "#FFFF11",
      success: () => {
        console.log("setWaterMark success");
      },
      fail: () => {
        console.log("setWaterMark fail");
      },
      complete: () => {
        console.log("setWaterMark complete");
      },
    });
  },
});