«
H5-多媒体&地图定位
yang 发布于
阅读：359
H5阶段
1.video视频标签
<video width="400" height="300" controls >视频加载失败</video>
1.2 video标签的属性
| 属性名 |
作用 |
| width |
设置宽度，单位px |
| height |
设置高度，单位px |
| src |
设置视频静态资源路径 |
| controls |
设置是否使用默认控件，播放、暂停、进度条 |
| autoplay |
设置是否自动播放（不设置静音会被浏览器阻止播放） |
| muted |
设置是否禁音 |
| loop |
设置是指是否循环播放 |
| duration |
获取视频总时长 |
| currentTime |
获取视频当前时长 |
| 方法名 |
作用 |
| play() |
播放视频 |
| pause() |
暂停视频 |
| 事件名 |
作用 |
| play |
播放时触发 |
| pause |
暂停时触发 |
| ended |
播放结束时触发 |
2.audio音频标签
基本同video
注意：音频标签设置静音后也无法播放！！！
3.百度地图API开发者申请&获取ak
1.百度搜索，百度地图API，https://lbsyun.baidu.com
2.右上角点击登录选择注册，注册一个百度账号
3.在平台登录后，选择上方菜单栏 => 控制台
4.控制台左侧边栏 => 个人中心 => 开发者认证 => 申请个人开发者
5.控制台左侧边栏 => 应用管理 => 我的应用 => 创建应用
6.应用名称 => 应用类型（浏览器端）=> 白名单（*）=> 提交
7.获取ak....
4.高德地图API获取ak
1.百度搜索 => 高德地图API，https://console.amap.com
2.右上角登录获注册
3.在平台登录后，选择上访菜单栏 => 控制台
4.控制台左侧边栏 => 应用管理 => 我的应用
5.创建应用 => 应用名称 => 行业（其他）
6.添加 => key名称 => Web端口 => 提交
7.获取ak
密钥
5.百度坐标拾取器
1.百度搜索 => 百度坐标拾取 https://api.map.baidu.com/lbsapi/getpoint/index.html
注意：高德地图API必须要使用高德坐标拾取！！！
H5-多媒体&地图定位