W3cSchoolH5帮助文档

Video属性

视频播放效果

Video标签 src视频得目录 controls属性提供添加 播放 和音量控件

当然呢 不设置宽和高得话 视频会很大

Video还可以播放mp4类型得视频 第二个设置了宽和高

Video可以有多个source标签

Video得属性如下

Autoplay=”autopla”如果出现该属性得话视频准备就绪 就播放

Controls=”controls”如果出现该属性那么显示播放按钮和声音

Height=”00px”如果出现该属性那么设置视频得高度

Width=”00px”宽

Lopp=”loop”是否循环播放

Src=””视频资源路径

Preload=”preload”如果使用该属性那么视频加载完等待播放 如果使用autoplay那么前面得属性作废

2HTML 5 Video + DOM

目标效果是

1首先呢! 给video添加一个id属性

2然后获取video对象var video1= document.getElementById(“video1”);

然后用paused方法判断是否是播放状态  如果是播放状态则返回true alert(video1.paused)

如果是播放就停止 停止就播放

至于 点击大 就给video得宽度 放大就可以了

点击大

点击小

点击中

Html5比较常用得得属性方法和事件如下

HTML 5 音频

现在浏览器上大多数都是通过flash来播放得 然而并且所有浏览器都右同样得音频

Html5规定了一种通过audio元素来包含因音频得方法

Audio 元素能够播放声音文件或者音频流

当前audio支持三种音频格式下面看一下 在各自浏览器上得兼容

如果需要在html5中播放音频

只需要 一句 <audio src=”” controls=”controls”>

Controls属性提供播放 音量控件

那么大家可以看到 <audio></audio>中得文本是提供不支持得浏览器 显示得

Audio也可以有多个source 元素 source可以连接不同得资源音频文件 ,浏览器将使用第一个可识别得模式显示出来

Internet Explorer 8 不支持 audio元素 在IE9中将提供audio元素得支持

Audio得属性如下

Controls=”controls”显示播放 声音得控件 比如播放按钮

Loop=”loop”属性 循环播放

Preload=”preload”如果出现该属性,则音频在页面加载时进行加载并且预备播放

Src=””路径

Autoplay=”autoplay”如果设置了该属性那么页面加载完毕就播放

Html5拖放drag drop

拖放(drap和drop)时html5标准组成部分

拖放一种常见得特性,既抓取对象以后拖到另一个位置

在html5中拖放时标准得一部分 任何元素都能拖放

浏览器支持如何?

那么 看一下拖放得效果

把W3School拖到 框里  拖完后得样子是

咱们看看 具体实现

实现代码如下

虽然代码很多  但是 我们一步一步分解就不难了

首先呢 为了让img标签可以拖动 我们把draggable=”true”他得英文意思是可拖放

Ondragstart事件 意思是拖拽开始

放到何处 - ondragover

ondragover 事件规定在何处放置被拖动的数据。

默认地,无法将数据/元素放置到其他元素中。如果需要设置允许放置,我们必须阻止对元素的默认处理方式。

这要通过调用 ondragover 事件的 event.preventDefault() 方法:

event.preventDefault()

具体得 js实现如下

未完待遇....

Html5 部分帮助文档 未完待续的更多相关文章

  1. obj-c编程15[Cocoa实例04]:基于Core Data的多文档程序示例[未完待续]

    上一个例子我们使用的模式数据实际上是基于一个Person数组,现在我们看一下如何使用Cocoa中的Core Data框架支持,几乎不用写一行代码,完成模式数据的建立. 我们这里模式的元素使用的是Car ...

  2. Go web编程学习笔记——未完待续

    1. 1).GOPATH设置 先设置自己的GOPATH,可以在本机中运行$PATH进行查看: userdeMacBook-Pro:~ user$ $GOPATH -bash: /Users/user/ ...

  3. 阿里云服务器:IIS网站的架设(一、环境设置与安装IIS网站 二、网站的基本设置 三、建立新网站(未完待续))

    Windows Server 2012 R2的Internet Information Services (IIS)网站的模块化设计,可以减少被攻击面并减轻管理负担,让系统管理员更容易架设安全的具备高 ...

  4. 省钱版----查找 IoT 设备TTL线序__未完待续

    作者:仙果 原文来自:省钱版—-查找 IoT 设备TTL线序 省钱版----查找 IoT 设备TTL线序__未完待续 缘由 在IoT固件调试分析的过程中,建议首先在IoT设备的板子上焊接调试线,这是能 ...

  5. AutoMapper介绍(未完待续、部分没实现)

    实体间转换工具.其实也可以用Json来实现同名属性.异名属性(用JsonProperty指明)的自动转换 最新版本6.11 需要使用vs2013以上.vs2012下载新版 nuget会遇到问题.只能旧 ...

  6. 构建Linux根文件系统(未完待续)

          所谓制作根文件系统, 就是创建各种目录, 并且在里面创建各种文件. 比如在/bin ./sbin 目录下存放各种可执行程序, 在/etc 目录下存放配置文件, 在/lib 目录下存放库文件 ...

  7. [python]爬代理ip v2.0(未完待续)

    爬代理ip 所有的代码都放到了我的github上面, HTTP代理常识 HTTP代理按匿名度可分为透明代理.匿名代理和高度匿名代理. 特别感谢:勤奋的小孩 在评论中指出我文章中的错误. REMOTE_ ...

  8. iOS开发系统版本适配(未完待续。。。)

    1.iOS9引入了新特性App Transport Security (ATS).新特性要求App内访问的网络必须使用HTTPS协议:iOS9系统发送的网络请求将统一使用TLS 1.2 SSL.采用T ...

  9. Reading | 《数字图像处理原理与实践(MATLAB版)》(未完待续)

    目录 一.前言 1.MATLAB or C++ 2.图像文件 文件头 调色板 像素数据 3.RGB颜色空间 原理 坐标表示 4.MATLAB中的图像文件 图像类型 image()函数 imshow() ...

随机推荐

  1. PostgreSQL与mysql的比较

    特性 MySQL PostgreSQL 实例 通过执行 MySQL 命令(mysqld)启动实例.一个实例可以管理一个或多个数据库.一台服务器可以运行多个 mysqld 实例.一个实例管理器可以监视 ...

  2. LeetCode Day 3

    LeetCode0003 给定一个字符串,请你找出其中不含有重复字符的最长子串的长度. 示例 1: 输入: "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 & ...

  3. Qt unsigned char *与QString之间的相互转换

    //unsiged char *转QString unsigned char  *str = "fdd" ; char *str1 = (char *)str; QString s ...

  4. Hadoop什么?

    Hadoop是什么?Hadoop是一个开发和运行处理大规模数据的软件平台,是Appach的一个用java语言实现开源软件框架,实现在大量计算机组成的集群中对海量数据进行分布式计算. Hadoop框架中 ...

  5. Java捕获并处理线程失败抛出的异常

    使用 UncaughtExceptionHandler 示例代码如下: Thread.UncaughtExceptionHandler handler = new Thread.UncaughtExc ...

  6. 关于apache的几个常见问题

    一.安装apache的时候总是不成功,提示:failed to open the winnt service manager 原因:软件安装时与windows7的"用户账户控制"( ...

  7. 【深圳·招聘】QQ音乐测试工程师-职位内推

    QQ音乐测试工程师 岗位职责 负责腾讯QQ音乐移动端/后台/web相关特性测试分析和执行,保障发布质量. 岗位要求 专业本科及以上学历,计算机/软件工程/信息管理/数学与应用数学/自动化/通信工程/电 ...

  8. 安卓权威编程指南 挑战练习 13.8 用于RecyclerView的空视图

    当前,CriminalIntent应用启动后,会显示一个空白列表.从用户体验上来讲,即使crime列表 是空的,也应展示提示或解释类信息. 请设置空视图展示类似“没有crime记录可以显示”的信息.再 ...

  9. Python使用input方法输入字母显示NameError

    如图,每次用input方法,输入数字正常,但是输入字母就会报错. 到网上查找资料之后,明白了原来在python2.7中应该用raw_input. 修改之后,代码就正常了.

  10. Python2.7错误处理FileNotFoundError报错NameError: name 'FileNotFoundError' is not defined

    错误信息如下: 原因是FileNotFoundError是python3.0中的写法,而Python2.7中应写为IOError.