长大是一辈子的事！大家好！我是最新的。分享一下前端，Python等技术，还有个人成长路上的那些事。
在过去的许多年里，在web上观看视频和玩游戏，默认是在浏览器上安装Flash Player插件。
如今，Flash技术已经被全面禁止和淘汰。使用HTML5技术，您可以轻松地将音频和视频插入网页。现在全球只有不到3%的网站使用Flash技术，几乎都是HTML5主导。
Adobe在2017年宣布将于2020年底停止支持Flash。
其实大概2014年左右，万维网联盟完成HTML5的标准后，Flash走到了穷途末路，HTML5所向披靡。乔布斯更讨厌Flash，所以苹果手机基本上从头到尾都不支持Flash。
小游戏网站4399，以前是用Flash技术开发的小游戏，现在充斥着各种用HTML5技术开发的小游戏。
Flash的问题是不开放，不高效，不诚实，不安全。早在2015年，Flash的漏洞数量就在所有软件中排名第一。无数勒索病毒通过Flash传播。如果你的浏览器安装了Flash插件，各种广告弹窗就会狂轰滥炸你的电脑。而且Flash会增加功耗，吞噬系统资源，看一个视频，可能会让你的浏览器彻底崩溃。
虽然HTML5技术并不完善，存在各种问题，但HTML5是开放的，受到了微软、谷歌、苹果等各大公司的欢迎和支持。
事不宜迟，继续HTML5的旅程。
音频
你需要使用标签将音频插入到网页中，英文单词audio的意思是音频。
该标签与ie9兼容，即ie8及以下浏览器不支持该标签。
您可以使用以下代码在浏览器中插入音频:
在标签上，写属性controls，它没有值。只要写了这个字，就表示播放控制显示。还要写src属性，它的值是要播放的音频的地址。
标签对中间的文字表示，如果用户使用的浏览器版本较低，与标签不兼容，这些文字将显示给用户。也就是说，如果用户的浏览器非常高级，而且肯定支持标签，就不会显示这些文字，只有显示音频的功能。如果用户的浏览器是低级的，这些文字会显示给用户。
常见音频格式
浏览器常用的音频格式有mp3、wav、ogg，mp3比较常用。
接下来，我会在项目文件夹中添加一个音乐文件夹，里面会存储一个mp3格式的文件，然后创建一个“insert audio.html”网页。
然后在“insert audio.html”页面中，代码如下所示:
文档，请升级您的浏览器！
注意:如果你没有在标签上写控件，你在浏览器中看不到任何东西。当您编写控件时，音频播放控件将显示在浏览器中。效果如下:
点按最左边的黑色三角形来播放和暂停音乐，拖移蓝点，向前或向后移动进度条，拖移黑色小音箱后面的蓝点来放大或减小声音。点击最右边的黑色向下箭头下载。
自动播放属性
如果标签添加了自动播放属性，音频将自动播放。
自动播放属性没有值。
为了不打扰用户，常见的浏览器可能不允许自动播放音乐，用户必须手动点击才能播放。
所以，尽量不要给标签添加autoplay属性。
循环属性
在标签上声明loop属性，音频就会循环播放。
循环属性也没有值。
如果您希望音频自动循环播放，您可以在标签上写下这两个属性:
文档，请升级您的浏览器！
视频剪辑
插入视频与插入音频非常相似。
你需要用标签在网页上插入视频，英文单词video就是视频的意思。
该标签也与ie9兼容。
标签的属性和标签的属性完全一样。
标签的写法和用法基本相同，就不多说了。
常见视频格式
浏览器中常用的视频格式有mp4、ogv、webm、avi等。
我已经提前在项目文件夹里创建了一个“insert video.html”的网页，还有一个名为video的文件夹，里面预先存储了一个名为“森林氧吧. mp4”的视频文件。
在“insert video.html”中编写html代码:
文档，请升级您的浏览器！
浏览器中的效果如下:
在视频下方，可以看到播放按钮、进度条、音量控制、全屏播放、下载按钮等视频控件。
注意:当你没有给标签添加控件属性时，这些控件不会显示在视频的底部。
在我的代码中，自动播放和循环属性没有写在标签上。当然也可以添加看看效果。其实就像标签的效果一样，会自动播放，循环播放。
当然，宽度属性也可以添加到标签中，以控制视频窗口的宽度和高度。
文档，请升级您的浏览器！
浏览器效果如下:
和标签扩展。
并扩展关于标签的知识，只是作为一种理解。
和标签扩展都有子标签。
标签允许您为浏览器指定多种格式的音频和视频文件，以选择它们支持播放的媒体文件类型。
示例代码:
对于上面的代码，浏览器需要选择自己能支持的文件类型来播放，如果都支持，就选任意一个。
温馨提示:
至于音视频支持的文件格式，除了以上常见的格式，随着技术的变化可能还会有其他格式。了解一下就行了，不需要深入研究原理。
还有标签的子标签，就知道了。
感谢阅读！总结知识不容易，请给个赞或者转发鼓励一下！想系统学习前端的可以关注我！
