如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
怎样用HTML5在我们的网页中嵌入视频和音频
来源：互联网
2023-03-16 19:11:06 446
在HTML5之前，如果想在网页上播放视频需要用Flsh插件，不过flsh插件的性能很不稳定，这样会带来很多问题，甚至还会让浏览器崩溃。所以现在我们在网站上很少用Flsh插件来播放视频了，主要使用HTML5中的video标签。今天我们就来看看video标签是如何使用的？
工具/原料
- 电脑
- Sublime
方法/步骤
首先，我们打开sublime，新建一个html5文档，并把html5文档的基本结构写出来，如下图所示：
然后我们在body>/boddy>标签之间把video标签写进去，如：video src="这里写视频地址" width="800" height="600">/video>
我们打开网页可以发现，此时的视频并没有播放，只是一个静止的画面，怎样点击都没有反应，这是因为我们没有添加播放控件的原因。
我们在video标签里面添加播放控件，也就是controls ，这时我们发现，视频的正下方多了个进度条，我们可以点击播放试试。此时可以正常播放了。
如果我们想让视频在点击进网页时自动播放，可以添加一个autoplay，autoplay代表自动播放的意思。
各大浏览器对video中的视频格式支持不一致，比如：有些浏览器不支持mp4格式，只支持webm格式，有些则相反。为了防止意外发生，我们需要做兼容，让我们的视频在任何浏览器上都可以正常播放。
为网页添加音频
给网站嵌入音频，我们使用audio标签，其实audio和 video 标签一样，audio 标签用于嵌入音频内容，而音频标签的属性和视频标签类似。
音频的支持度和视频也类似，同样使用source>元素引入多种格式兼容即可。主流的音频格 式有：.mp3，.m4a，.ogg，.wav。
注意事项
- 只是为大家提供一个思路，仅供参考。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：如何将html转换成jsp 下一篇：HTML5 WebGL粒子爆炸动画特效
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)