首页 > 代码库 > 前端常用的一些功能

前端常用的一些功能

1、文件下载(IE不支持此方法)

<a href="" download="file/asd.txt">txt下载</a>    //download就是要下载的文件

 IE可用这种方式

<a href="http://www.mamicode.com/file/asd.zip">txt下载</a>    //文件格式一定不能被浏览器支持,否则就是执行打开文件操作

2、可编辑的容器

<p contenteditable="true">这是一段可编辑的内容</p>

 3、video标签(IE8及其以下版本不支持video标签)

要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:

<video width="320" height="240" controls="controls">
    <source src="http://www.mamicode.com/movie.ogg" type="video/ogg">
    <source src="http://www.mamicode.com/movie.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

video支持的格式及各种视频格式被浏览器支持的情况

当前,video 元素支持三种视频格式:

格式 IE Firefox Opera Chrome safari
ogg no 3.5+ 10.5+ 5.0+ no
mpeg4 9.0+ no no 5.0+ 3.0+
webm no 4.0+ 10.6+ 6.0+ no

 

 

 

 

未完待续...

 

前端常用的一些功能