<video>
标签可以用于定义视频,且提供了播放、暂停、音量控件来控制视频。举个例子,像我们侠课岛网站上,课程视频播放,就是通过 <video>
标签来实现的。下面我们来看一下如何向网页中嵌入一个视频。我们通过 <video>
标签成功向网页中插入了一个视频, 其中 src
属性用于引入要播放的视频的 URL,注意视频地址一定要正确,如果地址错误,视频是不能显示的。然后我们通过 width
、height
属性设置了视频的宽度为 700px
,高度为 400px
。然后可以看到,视频上还显示了播放、调整音量等控件,当我们点击播放按钮时,视频就会开始播放。这是因为我们设置了 controls
属性,如果我们没有设置这个属性,视频将会显示一个静止的画面,并且不管怎么点击都是没有反应的。大家可以试一下,不设置 controls
属性然后在浏览器中查看演示效果