HTML5——拖放 地理定位 视频 音频 新的input类型

Posted expedition

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5——拖放 地理定位 视频 音频 新的input类型相关的知识,希望对你有一定的参考价值。

拖放

技术图片————>  技术图片

 

设置元素为可拖放

拖动什么

放到何处

进行放置

实例【来回拖放】

 

 

 

地理定位

使用地理定位

技术图片

处理错误和拒绝

技术图片

在地图中显示结果

基于脚本的交互式地图

给定位置的信息

用户移动时更新位置

 

 

 

HTML插件

可用于播放音频和视频(以及其他)

辅助程序是使用 <object> 标签来加载的。

允许用户来控制部分或全部播放设置

 

<object>

<embed>

 

 

视频

<video width="320" height="240" controls>
  <source src="URL.mp4" type="video/mp4">
  <source src="URL.ogg" type="video/ogg">
  您的浏览器不支持 html5 video 标签。
</video>

<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式

使用DOM进行控制

技术图片

 

弹幕方向

 

 音频

 

 

 

 Input

 技术图片

技术图片

技术图片

 

以上是关于HTML5——拖放 地理定位 视频 音频 新的input类型的主要内容,如果未能解决你的问题,请参考以下文章

地理定位 video web存储

HTML5基础知识点笔记

HTML5有哪些新特性呢?

HTML5有哪些新特性呢?

H5 音频

如何使用HTML5地理位置定位功能