如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
怎么在网页中播放视频之一：HTML5视频嵌入
来源：互联网
2023-03-16 19:19:36 157
在信息量越来越大的今天，越来越多的网站重视数据信息的多样化与个性化，随着多媒体技术逐渐发展提高，在线展示视频、音频、PPT、图表等技术也越来越多地应用到了各行各业中，无论是企业还是个人，都在改变着自己的网站风格，下面就来谈谈怎么在网页中播放视频。
在线播放视频方法很多，本经验是其中之一，即HTML5视频嵌入。
方法/步骤
在网页中使用HTML5视频嵌入技术最大的优点就是不需要任何第三方插件（比如 Adobe公司的Flash）就能播放。
不需要第三方插件带来的好处就是资源占用更少，想想如果一个网站上嵌入好多flash那该有多慢啊，还好有HTML5视频嵌入技术可以完好地解决这个问题。
那么它的配置复杂吗？很简单！
首先下载video.js，百度一下就能找到。
这个是下载后的目录。
先把要用到的js\css\swf都加载到html页面上。
如：
link href="video-js/video-js.css" rel="stylesheet" type="text/css">
script src="video-js/video.js">/script>
script>
videojs.options.flash.swf = "video-js/video-js.swf";
/script>
加入下面的代码：
video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"width="640"height="480"poster="video-js/my_video_poster.png" data-setup="{}">
source src="Wildlife.mp4" type='video/mp4'>
/video>
只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频。
然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能，比如字幕等，这个以后再写。
全屏后的效果：
下面看看各个浏览器的效果：
Firefox：
Chrome：
360：
IE：
可以看到，IE播放是有问题的。解决IE不能播放的问题很简单。
加入：
script>
if (navigator.userAgent.indexOf('MSIE') >= 0){
document.getElementById("videoDiv").innerHTML='embed src="Wildlife.mp4" autostart="true" loop="true" width="640" height="480" >';
}
/script>
意思是：如果是IE浏览器就将视频替换为传统的以FLASH形式播放。
再看看效果，呵呵，好了。
下面附全部代码截图，纯代码发上来不显示，没办法了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：怎样让html中的img标签居中显示 下一篇：html常用的控制标记用法（上篇）
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 403 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)