简介
网页的四种形式:文字、图片、视觉和声音。然而，承担网络媒体功能的flash，却在2020年12月31日正式结束了产品生命周期，甚至在2021年1月12日引发了大连车厂系统的关门倒闭！现在flash被废除了，这些功能谁来承担？尤其是视频功能，如追剧、在线教育、直播等。，我们不能没有它吗？
视频，除了文字无法带来的声音和视觉体验，还承担着人类文明的传播。视频已经成为我们上网、追剧、学习的必备伴侣。
视频学习
然而像往常一样，当你打开网页准备播放视频追逐时，突然发现打不开了，你确定自己没有感染病毒。发生了什么事?
错误提示
你可能认为你是唯一被抓的人。打开新闻，你发现事情远没有那么简单。
大连车辆段系统崩溃。
经过一番调查，你发现问题在于Flash所属的Adobe公司完全终止了对它的支持，基于Flash的内容被阻止在Adobe Flash Player中运行。简单来说，如果网页中的视频是基于flash制作的，就不会在网页中播放！
宣布Adobe终止对flash的支持
有没有其他方法可以让网页正常播放视频？是啊！是HTML5！
HTML5是开放标准，优先支持移动端，符合目前***主导的设备；而且现在所有的浏览器都支持html5，你在网页上看到的大部分视频都是基于html5的。html5的媒体功能完全可以替代flash的媒体功能，非常强大。
在网页上打开一个视频有多容易？简单到你无法想象。
录像
可以通过video标签开启网页上的视频功能，但还是需要两个必要的参数。
Src(必需)
视频的来源可以是本地的，也可以是网上的。
<video?src="hangge.mp4"></video>
控件(必需)
这里需要注意的是，每个系统的视频控制器看起来都不一样，比如安卓、苹果、window，甚至像MIUI这样的系统看起来都不一样。
<video?src="hangge.mp4"?controls></video>
视频播放器风格
宽度和高度(可选)
视频窗口的高度和宽度，如果没有设置，将按照原来的大小。
如果只设置了一个参数，另一个参数将自动调整并按比例缩放。
<video?src="hangge.mp4"?controls?width="400"?height="300"></video>
自动播放(不需要)
自动播放允许浏览器在加载视频文件后立即播放。
在某些浏览器中，它会被自动禁止。
<video?src="hangge.mp4"?controls?autoplay></video>
循环(可选)
循环播放
<video?src="hangge.mp4"?controls?loop></video>
海报(可选)
设置封面图片
<video?src="hangge.mp4"?controls?poster="hangge.png"></video>
预载(可选)
预加载类型，它可以告诉浏览器如何加载媒体文件。
(1)值为auto:让浏览器自动下载整个文件
(2)值为none:让浏览器不要提前下载文件
(3)值为metadata:让浏览器先获取视频文件开头的数据块，这足以确定一些基本信息(如视频的总时长，第一张图像等。)
<video?src="hangge.mp4"?controls?preload="none"></video>
来源(可选)
添加替代格式。实际上这个属性在实际开发中基本用不到，而且编写繁琐，一般视频格式都是mp4。去做吧。
<video controls>??? <source?src="hangge.mp4"type="video/mp4">??? <source?src="hangge.webm"type="video/webm"></video>
以上参数似乎有点多。事实上，只需要两个必需的参数，视频播放源和控制器。最好设置一个固定的宽度和高度来进行视频播放。
与其说制作，不如说调出浏览器的视频功能更准确。该浏览器集成了视频播放功能，如低层全屏控制、音量控制等。，封装在Controls属性中。如果还是用第三方flash做视频，那就复杂多了！
摘要
摘要
本文来自倾心之夏投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/550500.html
微信扫一扫 
