HTML:Modern Html

来源:互联网 发布:国际淘宝怎么开 编辑:程序博客网 时间:2024/06/11 19:47

本章主要内容是使用HTML5的最新标准,其中有很多新的element可以直接使用,比如<header>,<footer>,<aside>等元素可以替代我们上面自己定义的多个<div>。
具体操作比较容易。
这里介绍一下插入视频的元素<video>

<video controls autoplay width="512" height="288" src="video/tweetsip.mp4"></video>

其中的元素有很多

element usage controls control是种布尔值,出现即代表视频将会显示播放键和播放进度条,供我们控制视频的暂停和播放进度 src 视频存放路径 autoplay 布尔值,出现即代表视频会在网页加载出来时同时播放 width/height 控制视频界面的长和宽 preload 控制视频播放时是否预下载,我所知道有none和auto两个值 poster 如果视频不是autoplay,则在视频开始前显示在视频封面的那张图片,一般是视频当中选取 loop 布尔值,是否循环播放

可能由于格式问题,我们的浏览器不一定能够播放视频,这时我们需要提供给浏览器更多的选择,上传不同格式的视频文件到服务器,并修改代码

<video controls autoplay width="512" height="288">    <source src="video/tweetsip.mp4">    <source src="video/tweetsip.webm">    <source src="video/tweetsip.ogv">    <p>Sorry, your browser doesn't support the video element.</p></video>