//方式1：URL 链接
jsBridge.txVideo.play({
  url        : 'https://player.alicdn.com/video/editor.mp4',
  title      : '方式1：URL 链接',
  qualityName: '超清',
  keepOrientation: false,
  loop           : true
});

/*
参数说明
{
  url             : '',   //必须，字符串类型，视频链接
  title           : '',   //可选，字符串类型，视频名称，显示在 UI 上
  qualityName     : '',   //可选，字符串类型，码率名称（如 标清/高清/超清/1080P/4K 等)
  keepOrientation : false //可选，布尔类型，是否保持当前屏幕方向（true 保持当前屏幕方向不变，false 切换为横屏），默认 false
  loop            : false //可选，布尔类型，是否循环播放，默认 false
}

以下 方式2、方式3 均支持 keepOrientation 和 loop 参数
*/

//方式2：多码率 URL 链接
jsBridge.txVideo.play({
  multiURLs       : [
    {
      url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4',
      qualityName: '流畅'
    },
    {
      url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f20.mp4',
      qualityName: '标清'
    },
    {
      url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f30.mp4',
      qualityName: '高清'
    }
  ],
  title           : '方式2：多码率 URL 链接',
  playDefaultIndex: 1
});

/*
参数说明：
{
  multiURLs       : [   //必须，多码率数组
    {
      url        : '',  //必须，字符串类型，视频链接
      qualityName: ''   //必须，字符串类型，码率名称（如 标清/高清/超清/1080P/4K 等)
    },
    ...
  ],
  title           : '', //可选，字符串类型，视频名称，显示在 UI 上
  playDefaultIndex: 0   //可选，数字类型，默认播放码率的 index，即 multiURLs 的索引号
}
*/

//方式3：腾讯云视频，请参见 https://cloud.tencent.com/product/vod
jsBridge.txVideo.play({
  appId   : 1256993030,
  title   : '腾讯云视频',
  videoId : {
    fileId : '7447398157015849771'
  }
});

/*
参数说明：
{
  appId   : 0,  //必须，数字类型，腾讯云服务 AppId
  title   : '', //可选，字符串类型，视频名称，显示在 UI 上
  videoId : {   //必须，腾讯云视频 VideoId（FileId）
    fileId : '', //必须，字符串类型，腾讯云视频 FileId
    timeout: '', //可选，字符串类型，加密链接超时时间戳，转换为16进制小写字符串，腾讯云 CDN 服务器会根据该时间判断该链接是否有效
    us     : '', //可选，字符串类型，唯一标识请求，增加链接唯一性
    sign   : '', //可选，字符串类型，防盗链签名
    exper  : -1  //可选，数字类型，试看时长，单位：秒
  }
}
*/

//保持当前屏幕方向（不强制横屏）keepOrientation: true
//请参考 全屏播放方式一 的参数说明
jsBridge.txVideo.play({
  url        : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
  title      : '保持当前屏幕方向',
  qualityName: '超清',
  keepOrientation: true,
  loop       : true
});

//播放列表，按顺序自动连续播放
jsBridge.txVideo.playList({
  title: '这是播放列表的名称',
  //必须，数组类型，视频源列表
  items: [
    {
       //列表图片
       poster: 'https://i.yimenyun.net/sys/player2.jpg',
       url   : 'https://734.cdn-vod.huaweicloud.com/asset/c4aec16ec296cb8964f80845000cb958/play_video/fcb8827219c07153131eff228583e5a1_H.264_1280X720_HEAACV1_1500.mp4',
       title : '华为消费者业务品牌主题曲 Dream It Possible',
       desc  : '时长 03:58'
    },
    {
       poster: 'https://1252463788.vod2.myqcloud.com/e12fcc4dvodgzp1252463788/28742df34564972819219071568/4564972819209692959.jpeg',
       appId    : 1252463788,
       videoId  : {
         fileId : '4564972819219071568'
       },
       title : '腾讯云视频',
       desc  : '与美女对话'
    },
    {
       poster: 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/1536584350_1812858038.100_0.jpg',
       multiURLs     : [
        {
          url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f10.mp4',
          qualityName: '流畅'
        },
        {
          url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f20.mp4',
          qualityName: '标清'
        },
        {
          url        : 'https://1252463788.vod2.myqcloud.com/95576ef5vodtransgzp1252463788/e1ab85305285890781763144364/v.f30.mp4',
          qualityName: '高清'
        }
      ],
      title           : 'MP4点播 多码率 URL 链接',
      playDefaultIndex: 1
    },
    {
       poster: 'https://i.yimenyun.net/sys/player4.jpg',
       url   : 'https://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4',
       title : 'MP4点播 Motor Live'
    },
    {
       poster: '',
       url   : 'https://5815.liveplay.myqcloud.com/live/5815_89aad37e06ff11e892905cb9018cf0d4_900.flv',
       title : 'FLV 直播流'
    },
    {
       poster: 'https://i.yimenyun.net/sys/player5.jpg',
       url   : 'https://cyberplayerplay.kaywang.cn/cyberplayer/demo201711-L1.m3u8',
       title : 'HLS(m3u8) 直播流'
    }
  ],
  //可选，数字类型，开始播放的视频序号，默认 0（第一个）
  playDefaultIndex: 0,
  //可选，布尔类型，是否循环播放视频列表，默认 false
  loop            : false
});

/*
参数说明：
{
  title: '', //可选，字符串类型，播放列表名称，显示在标题栏上
  items: [   //必须，视频列表清单数组
    {        //以上 play 方式1, 2, 3 播放参数的任意组合
    },
    ...
  ],
  playDefaultIndex: 0 //可选，默认开始播放 items 列表中的视频序号
}
*/

可以将原生视频播放器嵌入 Web 网页中，获得比 HTML5 Video 标签更好的播放体验。