gif safari img标签播放mp4

Posted 艾路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gif safari img标签播放mp4相关的知识,希望对你有一定的参考价值。

gif可以实现动态效果,但是质量和性能不好。gif采用8位压缩,最多只能处理256种颜色。gif对网络性能来说糟糕。它们体积庞大,需要更多的CPU和内存资源来重新绘制,是电池杀手。

gif也有许多优点:它们由浏览器预加载立即请求的,它会自动播放和循环播放,而且是无声的。

使用video标签可以实现效果,但是性能不好。不可以预加载。通常预加载器只会预加载javascript,CSS和图像资源,因为它们对页面布局至关重要。但是view的内容可以是任意长度,video标签会被直接跳过直到主线程准备解析其内容。更糟的是,许多浏览器都会假定video标签包含的内容很大。浏览器首先执行一个1字节的请求,用来测试服务器是否支持HTTP范围请求,而不是一次下载整个视频文件,这会浪费请求单元格数据计划。

而且video不能右键点击并保存视频,因为我们可能引用了其他网站的视频,点击会跳转到对应的网站。如果使用video标签传递微型视频,用户不能右键单击,然后保存。最后,video标签的autoplay的滥用,如果想自动播放video标签,需要删除音轨和截取内容。

safari技术预览版里可以使用<img src=".mp4">。早期的结果显示,img标签中得mp4显示速度提高了20倍,解码速度比gif等效的要快7倍。

背景css视频和响应式视频可以实现。

 

以上是关于gif safari img标签播放mp4的主要内容,如果未能解决你的问题,请参考以下文章

解决微信小程序通过img标签加载GIF只能播放一次问题

解决微信小程序通过img标签加载GIF只能播放一次问题

safari 不会播放转换为 mp4 或 m4v 的 gif

如何用html标签来显示gif图片

HTML5 VIDEO 标签不播放音频/静音

在一个 img src 标签上显示不同格式的普通图像,以及 base64 图像