video视频操作之暂停开始放大缩小
<script type="text/javascript">
var myVideo=document.getElementById("video1");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig()
{
myVideo.width=560;
}
function makeSmall()
{
myVideo.width=320;
}
function makeNormal()
{
myVideo.width=420;
}
</script>
</body>
</html>
1.
<br/> ?
<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。
<br><br>实现空两行的效果
2.div 布局划分
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层
3.变量的声明 var
var是一个弱变量类型,具体的类型是根据其赋值来看的,比如var a=33.5;var b="aaaaa";a的类型为double,b的类型为string,
当然这两句中var都可以不写,直接a=33.5;也行,但是为了代码的规范性,建议写上var
4.理解html和javascript
1. HTML 全称“超文本标记语言”。事实上它就是一个排版语言。例如你输入“百度”,保存成文本文件,那么它只能被以文字方式显示,不能进行任何排版或者着色。例如你不能把“百度”这两个字靠右对齐,也不能显示为红色,当然也不可能加一个下划线、设置字体之类的。如果要实现这种效果,你几种方式,例如可以使用 word、金山Office、Adobe PDF之类的排版软件,也可以使用 HTML。排版软件只能编辑或查看自身定义的格式的文档,比如 word
只能打开自己的 doc 格式的文档,而 PDF 格式的文档必须用 Adobe Reader 打开。而 HTML 则是由万维网标准组织 w3c 定义的,各种不同的浏览器,例如微软的 IE,网景的 Netscape,以及现在流行的 firefox 火狐浏览器,都能够识别并显示,而且显示效果差别不大。因此,在万维网(World Wide Web,即www)上,如果你要向别人展示一个内容丰富的页面,只需使用 HTML 就可以了。
2. JavaScript(简称JS)则是一种脚本语言,属于一种程序语言。它可以嵌入在 HTML 页面中。支持 JS 语言的浏览器可以解析并执行这个脚本,以达到使 HTML 页面具有与用户交互的功能。例如在点击“next page”的时候弹出一个“确定跳转吗”的提示。或者在用户输入一个密码的时候,在客户端校验密码长度,如果够长则允许提交,不够长则禁止提交,并弹出“密码长度不够”这样的提示。
5.style 表示的是样式集合的一个标签
6.text-align作为HTML元素属性其主要是用来文本水平居中的。
text-align:属性值;
text-align属性取值如下表:
属性 说明
left 默认值,左对齐
center 居中对齐
right 右对齐
justify 两端对齐
text-align属性只能针对文本文字和img标签,对其他标签无效。
<img> 标签并不会在网页中插入图像,而是从网页上链接图像。
<img> 标签创建的是被引用图像的占位空间
7.CSS
层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言
8.脚本,是使用一种特定的描述性语言,依据一定的格式编写的可执行文件,又称作宏或批处理文件
9.margin 边沿
简写属性。在一个声明中设置所有外边距属性。
margin-bottom
设置元素的下外边距。
margin-left
设置元素的左外边距。
margin-right
设置元素的右外边距。
margin-top
设置元素的上外边距。
10.HTML DOM 对象之 Document
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
Document 对象方法 方法描述
close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
getElementById() 返回对拥有指定 id 的第一个对象的引用。var myVideo
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。
open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write() 向文档写 HTML 表达式 或 JavaScript 代码。
writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
11.HTML DOM Element 对象
HTML DOM 节点
在 HTML DOM (文档对象模型)中,每个部分都是节点:
文档本身是文档节点
所有 HTML 元素是元素节点
所有 HTML 属性是属性节点
HTML 元素内的文本是文本节点
注释是注释节点
Element 对象
在 HTML DOM 中,Element 对象表示 HTML 元素。
Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
NodeList 对象表示节点列表,比如 HTML 元素的子节点集合。
元素也可以拥有属性。属性是属性节点
12.Video 对象
Video 对象是 HTML5 中的新对象。
Video 对象表示 HTML <video> 元素。
Video 对象属性
paused 设置或返回视频是否暂停。 myVideo.paused
创建 Video 对象
您可以通过使用 document.createElement() 方法来创建 <video> 元素:
var x = document.createElement("VIDEO");
访问 Video 对象
您可以通过使用 getElementById() 来访问 <video> 元素:
var x = document.getElementById("myVideo");