加入收藏 | 设为首页 | 会员中心 | 我要投稿 吕梁站长网 (https://www.0358zz.com/)- 行业物联网、运营、专有云、管理运维、大数据!
当前位置: 首页 > 教程 > 正文

巧用HTML5来实现网页视频的定义

发布时间:2023-11-04 10:00:31 所属栏目:教程 来源:转载
导读:    在上一代的html中我们通常使用JS或是flash动态显示视频。不过在全新的html5中这一功能已经完全能实现了。这无疑大大降低了我们服务器的压力。下面我们就来看一下这是如何实现的吧!
   在上一代的html中我们通常使用JS或是flash动态显示视频。不过在全新的html5中这一功能已经完全能实现了。这无疑大大降低了我们服务器的压力。下面我们就来看一下这是如何实现的吧!
 
  <video>标签用于定义视频。
 
  案例:
 
  <!DOCTYPE html>
 
  <html>
 
  <head lang="en">
 
      <meta charset="UTF-8">
 
      <title></title>
 
  </head>
 
  <body>
 
  <video width="300" height="300" controls="controls">
 
      <source src="gsd.mp4" type="video/mp4">
 
      <source src="gsd.ogg" type="video/ogg">
 
      您的浏览器不支持video标签
 
  </video>
 
  </body>
 
  </html>
 
      以上就是实现html视频的代码了。实现起来是非常简单的,注意此代码并不适用于所有浏览器哦。
 

(编辑:吕梁站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章