video视频的讲解

时间 2019-11-12

标签 video 视频讲解繁體版

原文原文链接

复制如下代码：html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>视频</title>
</head>
<body>浏览器

<video width="420" height="340" autoplay="autoplay" controls >
<source src="http://vd4.bdstatic.com/mda-jjgzta5635dcshxg/sc/mda-jjgzta5635dcshxg.mp4" type="video/mp4">
<source src="http://vd4.bdstatic.com/mda-jjgzta5635dcshxg/sc/mda-jjgzta5635dcshxg.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>ide

</body>
</html>工具

HTML5 中的新属性：oop

属性	值	描述
autoplayNew	autoplay	若是出现该属性，则视频在就绪后立刻播放。
controlsNew	controls	若是出现该属性，则向用户显示控件，好比播放按钮。
heightNew	pixels	设置视频播放器的高度。
loopNew	loop	若是出现该属性，则当媒介文件完成播放后再次开始播放。
mutedNew	muted	若是出现该属性，视频的音频输出为静音。
posterNew	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preloadNew	auto metadata none	若是出现该属性，则视频在页面加载时进行加载，并预备播放。若是使用 "autoplay"，则忽略该属性。
srcNew	URL	要播放的视频的 URL。
widthNew	pixels	设置视频播放器的宽度。

html全局属性：post

属性	描述
accesskey	设置访问元素的键盘快捷键。
class	规定元素的类名（classname）
contenteditableNew	规定是否可编辑元素的内容。
contextmenuNew	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单
data-*New	用于存储页面的自定义数据
dir	设置元素中内容的文本方向。
draggableNew	指定某个元素是否能够拖动
dropzoneNew	指定是否将数据复制，移动，或连接，或删除
hiddenNew	hidden 属性规定对元素进行隐藏。
id	规定元素的惟一 id
lang	设置元素中内容的语言代码。
spellcheckNew	检测元素是否拼写错误
style	规定元素的行内样式（inline style）
tabindex	设置元素的 Tab 键控制次序。
title	规定元素的额外信息（可在工具提示中显示）
translateNew	指定是否一个元素的值在页面载入时是否须要翻译