Web前端知识

首页 > 免费 > Web前端知识 >

HTML5实现视频播放

来源:北京汇仁智杰科技有限公司   时间:2015-09-10   点击:

  今天分享给大家一个非常实用有简单的HTML5知识,怎么在代码中实现视频的播放。废话不多少,直接看代码。

  <!DOCTYPE HTML>
  <html>
  <body>

  <video width="320" height="240" controls="controls">
  <source src="文件路径.ogg" type="video/ogg">
  <source src="文件路径.mp4" type="video/mp4">
  Your browser does not support the video tag.
  </video>

  </body>
  </html>

  以上内容,什么样的格式的视频文件,后面就要配上什么样的type属性。最后出来的结果就是一下这样的。

  

  最后点击播放按钮就可以播放了。相对于之前的版本,HTML显得更加的简洁了,不但减少了很多代码的使用,同样还提供了更大的灵活性。

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰