Skip to content

基础 API 🌎

ECCesium.Viewer

3D 场景主要接口,在给定的 DivId 中构建三维场景

example

html
<div id="viewer-container"></div>
js
let viewer = ECCesium.Viewer('viewer-container')
global.viewer = viewer // 添加到全局变量

WARNING

如果开发使用的是 Vue 这样的 MVVM 框架,不要将 viewer、layer、overlay 添加到数据模型中。由于 3D 场景中会不停的刷新每一帧,如果将数据添加到数据模型中,长时间的话会导致浏览器的压力增大而奔溃。

creation

  • constructor(id,[options])

    构造函数

    • 参数
      • {String | Element } id:容器 ID
      • {Object} options:属性
    • 返回值 viewer
json
//属性参数(可选)
{
  "contextOptions": {
    "webgl": {
      "alpha": false, //背景
      "depth": true,
      "stencil": false,
      "antialias": true,
      "powerPreference": "high-performance",
      "premultipliedAlpha": true,
      "preserveDrawingBuffer": false,
      "failIfMajorPerformanceCaveat": false
    },
    "allowTextureFilterAnisotropic": true
  },
  "sceneMode": 3 //1: 2.5D,2: 2D,3: 3D
}

properties

methods

  • setOptions(options)

    设置属性

    • 参数
      • {Object} options:属性对象
        • 返回值 this
json
// 属性参数(可选)
{
  "shadows": false, // 是否开启阴影
  "resolutionScale": 1, // 设置渲染分辨率的缩放比例
  "showAtmosphere": true, //是否显示大气层
  "showSun": true, //是否显示太阳
  "showMoon": true, //是否显示月亮
  "enableFxaa": true, //是否开启抗锯齿
  "msaaSamples": 1, //msaa抗拒出取样度
  "cameraController": {
    // 相机控制
    "enableRotate": true, // 是否可以旋转
    "enableTilt": true, // 是否可以翻转
    "enableTranslate": true, // 是否可以平移
    "enableZoom": true, // 是否可以缩放
    "enableCollisionDetection": true, // 是否支持碰撞检测
    "minimumZoomDistance": 1.0, // 最小缩放距离
    "maximumZoomDistance": 40489014.0 // 最大缩放距离
  },
  "globe": {
    "show": true, // 是否显示地球
    "showGroundAtmosphere": true, // 显示地面大气
    "enableLighting": false, //是否开启灯光,开启后地球会根据当前时间启用灯光
    "depthTestAgainstTerrain": false, //是否开启深度检测
    "tileCacheSize": 100, // 默认瓦片缓存大小
    "preloadSiblings": false, //是否应预加载渲染同级图块
    "terrainExaggeration": 1, //地形夸张系数
    "terrainExaggerationRelativeHeight": 1, //地形相对高度夸张系数
    "baseColor": new ECCesium.Color(0, 0, 0.5, 1), //地球默认底色
    "filterColor": new ECCesium.Color(0, 0, 0, 0), //瓦片过滤色,设置后不可逆
    "translucency": {
      //地表透明
      "enabled": false, // 是否开启地表透明
      "backFaceAlpha": 1, // 地球背面透明度
      "backFaceAlphaByDistance": null, //根据距离设置地球背面透明度: {near:400,nearValue:0.2,far:800,farValue:1}
      "frontFaceAlpha": 1, // 地球正面透明度
      "frontFaceAlphaByDistance": null //根据距离设置地球正面透明度: {near:400,nearValue:0.2,far:800,farValue:1}
    }
  },
  "skyBox": {
    "sources": {}, // 六个面的贴图
    "show": true, //是否显示
    "offsetAngle": 0 //旋转角度
  }
}
  • setPitchRange(min,max)

    设置翻转角度

    • 参数
      • {Number} min:最小角度
      • {Number} max:最大角度
    • 返回值 this
  • changeSceneMode(sceneMode, duration)

    改变场景模式

    • 参数
      • {Number} sceneMode:场景模式 ,2:2D,3:3D,2.5:2.5D
      • {Number} duration:间隔时间
    • 返回值 this
  • changeMouseMode(mouseMode)

    改变鼠标使用模式

    • 参数
      • {Number} mouseMode:鼠标模式,详情参考:ECCesium.MouseMode
    • 返回值 this
  • addBaseLayer(baseLayers,options)

    添加地图

    • 参数
      • {baseLayer|Array<baseLayer>} baseLayers:地图
      • {Object} options:属性
    • 返回值 this
json
//属性参数 (可选)
{
  "name": "电子地图", //名称
  "iconUrl": "../preview.png" //缩略图
  "alpha" : 1.0,
  "nightAlpha" : 1.0,
  "dayAlpha" : 1.0,
  "brightness" : 1.0,
  "contrast" : 1.0,
  "hue" : 1.0,
  "saturation : 1.0,
  "gamma : 1.0,
}
  • changeBaseLayer(index)

    更改地图

    • 参数
      • {Number} index:地图索引
    • 返回值 this
  • getImageryLayerInfo(windowPosition)

    获取瓦片信息

    • 参数
      • {Object} windowPosition:窗口坐标
    • 返回值 promise
  • setTerrain(terrain)

    设置地形

    • 参数
      • {Terrain} terrain:地形
    • 返回值 this
  • addLayerGroup(layerGroup)

    添加图层组

    • 参数
      • {LayerGroup} layerGroup:图层组
    • 返回值 this
  • removeLayerGroup(layerGroup)

    移除图层组

    • 参数
      • {LayerGroup} layerGroup:图层组
    • 返回值 this
  • getLayerGroup(id)

    获取图层组

    • 参数
      • {String} id:图层组 ID
    • 返回值 layerGroup
  • addLayer(layer)

    添加图层

    • 参数
      • {Layer} layer:图层
    • 返回值 this
  • removeLayer(layer)

    删除图层

    • 参数
      • {Layer} layer:图层
    • 返回值 this
  • getLayer(id)

    获取图层

    • 参数
      • {String} id:图层 ID
    • 返回值 layer
  • getLayers()

    获取所有图层,不包括地图

    • 返回值 layer
  • eachLayer(method, context)

    遍历所有图层

    • 参数
      • {Function} method:回调函数
      • {Object} context:上下文,默认为 this
    • 返回值 this
    js
    viewer.eachLayer((layer) => {})
  • flyTo(target,duration)

    飞向目标

    • 参数
      • {VectorLayer|Overlay} target :目标
      • {Number} duration:飞到位置时间,单位:秒
    • 返回值 this
  • zoomTo(target)

    缩放到目标

    • 参数
      • {VectorLayer|Overlay} target :目标
    • 返回值 this
  • flyToPosition(position, completeCallback, duration)

    飞到具体位置

    • 参数
      • {Position} position:位置
      • {Function} completeCallback:飞完之后触发的回调
      • {Number} duration:飞到位置时间,单位:秒
    • 返回值 this
  • zoomToPosition(position, completeCallback)

    缩放到具体位置

    • 参数
      • {ECCesium.Position} position:位置
      • {Function} completeCallback:缩放完成后触发的回调
    • 返回值 this
  • flyToBounds(bounds,{heading,pitch,roll}, completeCallback, duration)

    飞到指定的范围

    • 参数
      • {String|Array} bounds:范围,格式:[minX,minY,maxX,maxY]
      • {Object} hpr:方位角
      • {Function} completeCallback:飞完之后触发的回调
      • {Number} duration:飞到位置时间,单位:秒
    • 返回值 this
  • zoomToBounds(bounds,{heading,pitch,roll}, completeCallback)

    缩放到指定的范围

    • 参数
      • {String|Array} bounds:范围,格式:[minX,minY,maxX,maxY]
      • {Object} hpr:方位角
      • {Function} completeCallback:缩放完之后触发的回调
    • 返回值 this
  • on(type, callback, context)

    事件订阅

    • 参数
      • {Object} type :订阅类型
      • {Function} callback :订阅回调
      • {Object} context :上下文
    • 返回值 this
  • once(type, callback, context)

    事件订阅(一次)

    • 参数
      • {Object} type :订阅类型
      • {Function} callback :订阅回调
      • {Object} context :上下文
    • 返回值 this
  • off(type, callback, context)

    取消事件订阅

    • 参数
      • {Object} type :订阅类型
      • {Function} callback :订阅回调
      • {Object} context :上下文
    • 返回值 this
  • destroy()

    销毁三维场景

    • 返回值 this
  • exportScene(name)

    导出场景

    • 参数
      • {String} name :名称,默认为 scene
    • 返回值 this

气泡窗口

example

js
let popup = viewer.popup
popup.setContent('<div></div>')

properties

  • {String} state:状态 readonly
  • {Object} config:配置 writeOnly
json
// 配置(可选)
// 配置后会影响全局的popup的显示样式,请慎重。
{
  "position": "center", // popup的位于鼠标的点击位置的方向,有:center,left ,right
  "customClass": "custom" // 添加自定义的Css 类名到popup中,多个用空格隔开
}

methods

  • setPosition(position)

    设置位置

    • 参数
      • {Cartesian3} position:世界坐标
    • 返回值 this
  • setContent(content)

    设置内容

    • 参数
      • {String|Element} content:内容
    • 返回值 this
  • setWrapper(wrapper)

    设置容器

    • 参数
      • {Element} wrapper:容器 (一般用于 MVVM 框架的模板)
    • 返回值 this
  • showAt(position, content)

    设置内容

    • 参数
      • {Cartesian3} position:世界坐标
      • {String|Element} content:内容
    • 返回值 this
  • hide()

    隐藏气泡窗口

    • 返回值 this

ContextMenu

右击菜单

example

js
let contextMenu = viewer.contextMenu
contextMenu.enable = true
contextMenu.DEFAULT_MENU = [
  {
    label: '测试',
    callback: (e) => {}, // e是一个对象主要包括 windowPosition,position,surfacePosition,overlay
    context: this,
  },
] // 设置默认的右击菜单,会影响全局右击菜单(慎用)。

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly
  • {Array} DEFAULT_MENU:默认菜单,菜单的回调函数参数为一个对象 writeOnly

Tooltip

提示框

example

js
let tooltip = viewer.tooltip
tooltip.enable = true
tooltip.showAt({ x: 100, y: 100 }, '测试')

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

methods

  • showAt(position,content)

    设置位置

    • 参数
      • {Cartesian2} position:屏幕坐标
      • {String|Element} content:内容
    • 返回值 this

MapSplit

地图分割

examples

js
let baseLayer_elc = ECCesium.ImageryLayerFactory.createGoogleImageryLayer()
viewer.mapSplit.enable = true
viewer.mapSplit.addBaseLayer(baseLayer_elc, -1)

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

methods

  • addBaseLayer(baseLayer,[splitDirection])

    添加地图

    • 参数
      • {BaseLayer} baseLayer:地图
      • {Number} splitDirection:分割方向,-1:左,0:无,1:右
    • 返回值 this

TilesetSplit

模型分割

examples

js
let tileset = new ECCesium.Tileset('**/tileset.json')
tileset.setSplitDirection(1)
viewer.tilesetSplit.enable = true
viewer.tilesetSplit.addTileset(tileset)

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

methods

  • addTileset(tileset)

    添加地图

    • 参数
      • {Tileset} tileset:模型
    • 返回值 this

SceneSplit

场景分割

examples

js
let tileset = new ECCesium.Tileset('**/tileset.json')
tileset.setSplitDirection(1)
viewer.sceneSplit.enable = true
viewer.sceneSplit.addTileset(tileset)

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

methods

  • addBaseLayer(baseLayer)

    添加地图

    • 参数
      • {BaseLayer} baseLayer:地图
    • 返回值 this
  • addTileset(tileset)

    添加地图

    • 参数
      • {Tileset} tileset:模型
    • 返回值 this

Compass

罗盘

examples

js
viewer.compass.enable = true

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

ZoomController

缩放控制

examples

js
viewer.zoomController.enable = true

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

LocationBar

坐标信息

examples

js
viewer.locationBar.enable = true

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

DistanceLegend

比例尺

examples

js
viewer.distanceLegend.enable = true

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

LoadingMask

加载蒙层

examples

js
viewer.loadingMask.enable = true

properties

  • {Boolean} enable:是否启用
  • {String} state:状态 readonly

ECCesium.SkyBox

天空盒,详情参考

example

js
scene.skyBox = new ECCesium.SkyBox({
  sources: {
    positiveX: 'skybox_px.png',
    negativeX: 'skybox_nx.png',
    positiveY: 'skybox_py.png',
    negativeY: 'skybox_ny.png',
    positiveZ: 'skybox_pz.png',
    negativeZ: 'skybox_nz.png',
  },
})

creation

  • constructor(id)

    构造函数

    • 参数
      • {Object} options:配置
    • 返回值 skyBox
json
//options(可选)
{
  "sources": {}, // 六个面的贴图
  "show": true //显示
}

properties

  • {Object} sources:六个面的贴图
  • {Boolean} show:显示

ECCesium.GroundSkyBox

近地天空盒,详情参考

example

js
scene.skyBox = new ECCesium.GroundSkyBox({
  sources: {
    positiveX: 'skybox_px.png',
    negativeX: 'skybox_nx.png',
    positiveY: 'skybox_py.png',
    negativeY: 'skybox_ny.png',
    positiveZ: 'skybox_pz.png',
    negativeZ: 'skybox_nz.png',
  },
})

creation

  • constructor(id)

    构造函数

    • 参数
      • {Object} options:配置
    • 返回值 skyBox
json
//options(可选)
{
  "sources": {}, // 六个面的贴图
  "show": true, //显示
  "offsetAngle": 0 //旋转角度
}

properties

  • {Object} sources:六个面的贴图
  • {Boolean} show:显示
  • {Number} offsetAngle:旋转角度

ECCesium.Position

坐标类,用于描述物体在场景中的具体位置,采用右手标准

example

js
let position = new ECCesium.Position(120, 22, 102)

let position1 = ECCesium.Position.fromString('120,22,102')

let position2 = ECCesium.Position.fromArray([120, 22, 102])

let position3 = ECCesium.Position.fromObject({ lng: 120, lat: 22, height: 102 })

creation

  • constructor(lng,lat,alt,heading,pitch,roll)

    构造函数

    • 参数
      • {Number} lng:经度
      • {Number} lat:纬度
      • {Number} alt:高度,单位:米,默认:0
      • {Number} heading:偏航角度,可能其他框架作 yaw,表示绕 Z 轴旋转。默认:0
      • {Number} pitch:俯仰角度,表示绕 Y 轴旋转。默认:0
      • {Number} roll:翻转角度,表示绕 X 轴旋转。默认:0
    • 返回值 position

properties

  • {Number} lng:经度
  • {Number} lat:纬度
  • {Number} alt:高度,单位:米,默认:0
  • {Number} heading:偏航角度,可能其他框架作 yaw,表示绕 Z 轴旋转。默认:0
  • {Number} pitch:俯仰角度,表示绕 Y 轴旋转。默认:0
  • {Number} roll:翻转角度,表示绕 X 轴旋转。默认:0

methods

  • serialize()

    序列化

    • 返回值 string
  • copy()

    复制一个新的位置

    • 返回值 position
  • toString()

    将坐标字符化

    • 返回值 string
  • toArray()

    将坐标数组化

    • 返回值 array
  • toObject()

    将坐标对象化

    • 返回值 Object

static methods

  • fromString(str)

    将字符化坐标转换为坐标对象

    • 参数
      • {String} str:字符化坐标
    • 返回值 position
  • fromArray(array)

    将数组化坐标转换为坐标对象

    • 参数
      • {Array} array:数组化坐标
    • 返回值 position
  • fromObject(obj)

    将 Json 对象坐标转换为坐标对象

    • 参数
      • {Object} obj:Json 对象坐标
    • 返回值 position
  • fromCoordString(str) deprecated

    字符坐标串转换为坐标对象

    • 参数
      • {String} str:字符坐标串
    • 返回值 position
  • fromCoordArray(array) deprecated

    坐标数组转换为坐标对象

    • 参数
      • {Array<String|Number>} array:坐标数组
    • 返回值 position
  • deserialize(valStr)

    反序列化

    • 参数
      • {String} valStr:序列化的对象
    • 返回值 position

ECCesium.Color

颜色类

example

js
let red = ECCesium.Color.RED

properties

  • {Color} RED:红色
  • {Color} YELLOW:黄色
  • {Color} WHITE:白色
  • {Color} GREEN:绿色

其他颜色

ECCesium.TilesetStyle

tileset 样式,用于设置 3dtiles 的颜色设置

example

js
let style = new ECCesium.TilesetStyle()
style.color = {
  conditions: [
    ['${floor} >= 5', 'rgb(198, 106, 11)'],
    ['true', 'rgb(127, 59, 8)'],
  ],
}

详情参考

ECCesium.JulianDate

朱莉安日历

js
let date = ECCesium.JulianDate.now()

static methods

  • now()

    当前朱莉安时间

    • 返回值 date
  • fromDate(date)

    通过 Js 时间创建朱莉安时间

    • 参数
      • {Date} date:Js 时间
    • 返回值 date

JulianDate

ECCesium.Rectangle

矩形相关函数

example

js
let r = ECCesium.Rectangle.fromDegrees(10, 20, 12, 31)

详情参考

ECCesium.CallbackProperty

回调属性,用户通过自定义回调函数来返回需要的值。回调函数中,用户可以使用 time 给定 value,也可以自定设置。

js
let position = new ECCesium.Position(120, 20)
let point = new ECCesium.Point(position)
let size = 0
point.setStyle({
  pixelSize: new ECCesium.CallbackProperty((time) => {
    size += 1
    if (size == 10) {
      size = 0
    }
    return size
  }),
})

ECCesium.Parse

坐标解析工具类,可简写为 ECCesium.P

js
let position = ECCesium.P.parsePosition('123,32,0')

static methods

  • parsePosition(position)

    解析坐标为 ECCesium.Position

    • 参数
      • {String|Array|Position} position:坐标
    • 返回值 position
  • parsePositions(positions)

    解析坐标为 Array<ECCesium.Position>

    • 参数
      • {String|Array} positions: 坐标
    • 返回值 array
  • parsePointCoordToArray(position)

    解析点位坐标为数组

    • 参数
      • {String|Position} position:点位坐标
    • 返回值 array
  • parsePolylineCoordToArray(positions)

    解析线坐标为二维数组

    • 参数
      • {String|Array} positions:线坐标
    • 返回值 array
  • parsePolygonCoordToArray(positions,loop)

    解析面坐标为三维数组

    • 参数
      • {String|Array} positions:面坐标
      • {Boolean} loop:闭合
    • 返回值 array

ECCesium.Transform

坐标转换工具类 ,可简写为 ECCesium.T

js
let cartesian3 = ECCesium.T.transformWGS84ToCartesian(new ECCesium.Position(120, 20))

static methods

  • transformCartesianToWGS84(cartesian)

    世界坐标转换为 84 坐标

    • 参数
      • {Cartesian3} cartesian:世界坐标
    • 返回值 position
  • transformWGS84ToCartesian(position)

    84 坐标转换为世界坐标

    • 参数
      • {Position} position:84 坐标
    • 返回值 cartesian
  • transformWGS84ToCartographic(position)

    84 坐标转换为制图坐标

    • 参数
      • {Position} position:84 坐标
    • 返回值 cartographic
  • transformCartesianArrayToWGS84Array(cartesianArr)

    世界坐标数组转 84 坐标数组

    • 参数
      • {Array<cartesian3>} cartesianArr:世界坐标数组
    • 返回值 array
  • transformWGS84ArrayToCartesianArray(WGS84Arr)

    84 坐标数组转世界坐标数组

    • 参数
      • {Array<cartesian3>} WGS84Arr:84 坐标数组
    • 返回值 array
  • transformWGS84ToMercator(position)

    84 坐标转 Mercator

    • 参数
      • {Position} position:84 坐标
    • 返回值 position
  • transformMercatorToWGS84(position)

    Mercator 坐标转 84

    • 参数
      • {Position} position:Mercator 坐标
    • 返回值 position
  • transformWindowToWGS84(position,viewer)

    屏幕坐标转 84

    • 参数
      • {Object} position: 屏幕坐标,格式{x:1,y:1}
      • {Viewer} viewer:3D 场景
    • 返回值 position
  • transformWGS84ToWindow(position,viewer)

    84 转屏幕坐标

    • 参数
      • {Position} position: 84 坐标
      • {Viewer} viewer:3D 场景
    • 返回值 Object

ECCesium.CoordTransform

国内坐标转换工具

js
let point = ECCesium.CoordTransform.BD09ToGCJ02(120, 20)

static methods

  • BD09ToGCJ02(lng, lat)

    百度坐标系 (BD-09) 的转换 火星坐标系 (GCJ-02)

    • 参数
      • {Number} lng:经度
      • {Number} lat:纬度
    • 返回值 []
  • GCJ02ToBD09(lng, lat)

    火星坐标系 (GCJ-02) 转换为 百度坐标系 (BD-09)

    • 参数
      • {Number} lng:经度
      • {Number} lat:纬度
    • 返回值 []
  • WGS84ToGCJ02(lng, lat)

    WGS-84 转换为 火星坐标系 (GCJ-02)

    • 参数
      • {Number} lng:经度
      • {Number} lat:纬度
    • 返回值 []
  • GCJ02ToWGS84(lng, lat)

    火星坐标系 (GCJ-02) 转换为 WGS-84

    • 参数
      • {Number} lng:经度
      • {Number} lat:纬度
    • 返回值 []

ECCesium.Math

基本函数类

static methods

  • area(positions)

    面积,单位:平方米

    • 参数
      • {Array<Position>} positions: 点位数据
    • 返回值 number
  • bounds(positions , expand)

    边界

    • 参数
      • {Array<Position>} positions: 点位数据
      • {Number}} expand: 扩展比例:0~1
    • 返回值 object
  • mid(start , end)

    两点之间的中心点

    • 参数
      • start: 开始位置
      • end: 结束位置
    • 返回值 position
  • center(positions)

    中心点

    • 参数
      • {Array<Position>} positions: 点位数据
    • 返回值 position
  • distance(positions)

    距离,单位:米

    • 参数
      • {Array<Position>} positions: 点位数据
    • 返回值 number
  • heading(start,end)

    偏转角度,单位:度

    • 参数
      • start: 开始位置
      • end: 结束位置
    • 返回值 number
  • parabola(start, end,height,count)

    抛物线

    • 参数
      • start: 开始位置
      • end: 结束位置
      • {Number} height: 最高点高度
      • {Number} count: 点位数量
    • 返回值 Array

more

ECCesium.Util

工具类

static methods

  • uuid(prefix)

    生成 uuid

    • 参数
      • {String} prefix:前缀,默认为 D
    • 返回值 string
  • merge(dest, ...sources)

    属性合并

    • 参数
      • {Object} dest:目标对象
      • {Object|Array} sources:需要合并的属性
    • 返回值 object
  • emptyImageUrl()

    空图片

  • debounce(fn,delay)

    防抖

  • throttle(fn,delay)

    节流

ECCesium.DomUtil

Dom 工具类

static methods

  • get(id)

    创建 dom

    • 参数
      • {String} id: 要素 ID
    • 返回值 Element
  • create(tagName, className, [container])

    创建 dom

    • 参数
      • {String} tagName: 标签名
      • {String} className: 样式名,多个用空格隔开
      • {Element} [container]: 父容器
    • 返回值 Element
  • adECCesiumlass(el, name)

    添加类名

    • 参数
      • {Element} el: 要素
      • {String} className: 样式名,多个用空格隔开
  • removeClass(el, name)

    删除类名

    • 参数
      • {Element} el: 要素
      • {String} className: 样式名,多个用空格隔开
  • adECCesiumlass(el, name)

    添加类名

    • 参数
      • {Element} el: 要素
      • {String} className: 样式名,多个用空格隔开
  • createSvg(width, height, path, [container])

    添加类名

    • 参数
      • {Number} width: 宽度
      • {Number} height: 高度
      • {String} path: 路径
      • {Element} [container]: 父容器
    • 返回值 svg
  • parseDom(domStr, [withWrapper], [className])

    字符串转 Dom

    • 参数
      • {String} domStr: dom 字符串
      • {Boolean} withWrapper:返回是否含有父容器
      • {String} className: 类样式名称
    • 返回值 Element | Nodes
  • enterFullscreen(el)

    进入全屏

    • 参数
      • {Element} el: 要素
  • exitFullscreen()

    退出全屏

  • createVideo(url, className, [container])

    创建视频节点

    • 参数
      • {String} url: 视频地址
      • {String} className: 样式名,多个用空格隔开
      • {Element} [container]: 父容器
    • 返回值 Element | Nodes