-
首页
-
网站建设
-
优化推广
-
案例
方案
方案
Solutions
电商平台
电商网站开发
E-commerce & System
微信营销
资讯
我们
我们
About Us
联系
联系
Contact Us
-
- 联系方式
- 业务热线： 023-68168040
- 邮箱： foxl@hulingweb.cn
- 人才招聘
- HR邮箱：
- 190014322@qq.com
精准传达 • 价值共享
洞悉互联网前沿资讯，探寻网站营销规律
html5视频添加图片
作者：狐灵科技 | 2020-03-18 21:41 |点击：
在网页上插入视频 最简单的方法就是 使用html5
HTML 5 视频
Web 上的视频
直到现在，仍然不存在一项旨在网页上显示视频的标准。
今天，大多数视频是通过插件(比如 Flash)来显示的。然而，并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
视频格式
当前，video 元素支持三种视频格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
网页中单纯的插入视频参考代码
-
<!DOCTYPE HTML><html><body><video width="320" height="240" controls="controls"><source src="/i/movie.ogg" type="video/ogg"><source src="/i/movie.mp4" type="video/mp4">Your browser does not support the video tag.</video></body></html>
-
<video controls="controls" webkit-playsinline="" playsinline="" x5-playsinline=""src="http://www.zhihuijiaju.cn/9.mp4" poster="http://img.yzcdn.cn/upload_files/2019/06/28/FpAdIbPJqujsXhcPePjl-u9rDRzP.jpg" controlslist="">当前浏览器不支持最新的video播放</video>
—— 微信公众号 ——
上一篇———————
选择网站设计公司经常遇到的误区下一篇———————
DEDECMS织梦实现调用指定txt文本里的随机关键词方法
关于狐灵科技
+狐灵致力于互联网品牌建设与网络营销，专业领域包括 网站建设、 SEO优化、移动互联网营销、高端网站建设、高端网站设计、品牌网站定制开发、营销策划推广电子商务、移动互联网营销、 为不同类型的客户提供良好的互联网应用定制解决方案，我们将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供一体化全方位的互联网品牌整合方案！
我们的优势
多项网站设计传播大奖
营销型网站建设专家
自主研发网站管理系统
B2C电商网站建设供应商
完善的售后服务体系
我们的不同
+在我们的对手消耗大量的时间停留在碎片化的互联网设计或者程序实现的时候，我们已经开始把数字化品牌建设和网络传播进行了整合。我们提供从前期的网站品牌分析策划、网站设计、创意表现、系统开发以及后续网站运营反馈建议等一系列服务，帮助企业打造创新的互联网品牌经营模式与有效的网络营销方法,为所有谋求长远发展的企业品牌贡献全力！
公司地址：重庆市九龙坡杨家坪重百大楼21-8 | 业务热线：023-68168040
Copyright © 2017-2020 Fox spirit Network. 狐灵科技 版权所有 | 渝ICP备19005721号-1
专业团队为您提供 重庆网页设计, 品牌网站设计,营销型网站制作,SEO优化关键词排名推广等服务,建网站就找狐灵科技！ | TAG标签 | 网站建设地图 | 网站地图
