用Video实现视频播放

大多数人在平时都会选择去观看视频或者听听音乐，但是我们只在乎看和听，有没有人去思考过是谁设计出来的，是怎么实现的。
可能很多人都知道是通过程序实现的，但是程序是怎么实现的，那就只有程序员知道了。
视频和音频的播放：
在HTML5中定义了Video（视频）标签可用于实现视频的播放， 标签也可以在 HTML 页面中嵌入多媒体元素， 标签的也可以是在 HTML 页面中嵌入多媒体元素。
在这里主要使用：Video标签
实现视频播放：


也可以直接这样写

上传的只有图片了，要是想看自己动手了。

<Video>元素提供播放，暂停，音量控件来实现控制视频；<Viduo>元素也属于HTML元素，也可是指Width
和height属性的值。
如果设置宽高，那所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。
<video> 与</video> 标签之间插入的内容是提供给不支持 video 元素的浏览器显示的。
同时<video> 标签 也提供了下载，全屏播放等功能
<video> 元素支持多个 <source> 元素. <source> 元素可以链接不同的视频文件。但是浏览器将使用第一个可识别的格式，如果浏览器不能检测到第一个音频，那么就会检测第二个，直到检测到能播放的第一个音频。
或者检测失败后返回某个元素例如：embed
在HTML5 <video> 和 <audio> 元素同样拥有方法、属性和事件 。
<audio>是音频标签。
由于并非所有的浏览器都支持HTML5，可能有的浏览器无法支持该标签的使用，
<video>支持的视频格式与浏览器：

浏览器	MP4	wedM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	WeNObM	NO
Opera	YES (从 Opera 25 起)	YES	YES

Video视频格式:

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	Ogg

Video 标签

标签	描述
<video>	定义一个视频
<source>	定义多种媒体资源,比如 <video> 和<audio>
<track>	定义在媒体播放器文本轨迹

还有一点，虽然说您的浏览器支持该标签，但是您在观看视频是却是没有声音的，这可能是因为，您使用的浏览器的声音未开启 。
在QQ浏览器上，我在看视频，这样显示是有声音的，如果我点击声音处，就会没声了。

菜鸟网：https://www.runoob.com/