如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html5如何插入网络mp4视频？video标签怎么使用
来源：互联网
2023-03-16 19:11:25 392
Dreamweaver CC2018是最新版本的软件，html5有了一个新标签，就是video标签，如何用video标签来插入mp4格式的视频呢？
工具/原料
- Dreamweaver CC2018
方法/步骤
启动DW软件，新建一个html5网页，在顶部依次点击选择【插入】-【html】-【html5 video】。
选择html5 video后，软件会自动加入一个video>/video>标签组。
我在video后添加src=代码，然后在双引号中输入网络mp4格式的视频链接。也可以点击【浏览】，找到自己电脑里的本地mp4格式的视频，找到后点击选择。
添加完视频链接后，可以在链接后面给视频定义宽和高，分别用width和height来定义。
然后我们按快捷键F12用浏览器查看效果，可以看到我们新建的网页已经成功加载了视频，点击左下角的播放键就可以正常观看咯。
然后我们看下最开始添加video时，里面带的一个controls代码，代表自动加载播放、暂停、全屏按钮组。如果你想让视频在打开网页时就自动播放，可以把controls改成autoplay就可以啦。
我们还可以添加各大视频平台的网络在线视频。我们打开一个视频，点击视频窗口左下角的分享按钮，点击复制视频代码。
直接把代码复制到我们网页中的body标签中，可以看到代码是embed>/embed>来实现加载视频的，也是之前的网页中普遍应用的哦。
我们按F12预览一下网页，已经在网页中加载成功视频啦。是不是很简单呢？
注意事项
- 灵活利用video标签，代码简单且使用范围广哦
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)