前端常用的一些功能

Posted 2020-08-27 fly叶落丶知秋

1、文件下载（IE不支持此方法）

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

 IE可用这种方式

<a href="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="movie.ogg" type="video/ogg">
    <source src="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

 

 

 

 

未完待续...