学做网站培训课程介绍

当前位置：

HTML5视频标签（video标签）

以下为学做网站论坛关于“HTML5视频标签（video标签）”讲解视频教程。

选择课程播放速度：

以前的网站上的视频播放需要依靠FLASH，自从HTML5出现之后，它带来了一个全新的视频播放标签video。以后我们可以使用VIDEO来定义视频，比如电影片段或其他视频流。

特别重要的是，Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari都支持 <video> 元素。

HTML5视频标签写法：

<video src="movie.mp4" controls="controls"> 您的浏览器不支持 video 标签。 </video>

视频也可以像图片那样控制宽与高。

宽度：width="600px"
高度：height="500px"

实例方法



<video width="320" height="240" controls>

  <source src="movie.mp4" type="video/mp4">

  <source src="movie.ogg" type="video/ogg">

您的浏览器不支持Video标签。

</video>

<video> 元素提供了 播放、暂停和音量控件来控制视频。

同时 <video> 元素也提供了 width 和 height 属性控制视频的尺寸.如果设置的高度和宽度，所需的视频空间会在页面加载时保留。如果没有设置这些属性，浏览器不知道大小的视频，浏览器就不能再加载时保留特定的空间，页面就会根据原始视频的大小而改变。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • html5做网站：怎样用HTML5在网页图片上写文字 图文教程 (156989 次浏览)
    在做网站过程中，如果想在一张网页上实现图片加文字的格式，就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片，然后
  • 「网站特效」html5 canvas粒子线条特效制作方法 图文教程 (19832 次浏览)
    canvas是html5中比较重要的一个标签，canvas的实现需要借助原生态的js特效代码才能很好的展示出来。今天学做网站论坛就给大家讲一讲如何使用html5中ca
  • DW 如何创建HTML5网页 图文教程 (127158 次浏览)
    HTML5现在已经成为网页的主流，在使用DW软件新建网页时，我们可以直接去新建一个HTML5页面来编辑。（相关知识：html5从入门教程）DW 创建HTML5格式
  • JS控制VIDEO标签播放视频音频初始音量 图文教程 (123100 次浏览)
    学习了HTML教程，我们知道，现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • HTML5视频标签（video标签） 视频教程 (186610 次浏览)
    以前的网站上的视频播放需要依靠FLASH，自从HTML5出现之后，它带来了一个全新的视频播放标签video。以后我们可以使用VIDEO来定义视频，比如电影片段或
  • 网站Video标签播放大视频卡顿解决方法（m3u8流媒体） 图文教程 (115975 次浏览)
    自从HTML5推出之后，网站上的视频可以像图片一样使用video标签直接播放了。但使用video播放视频有一个缺点就是只能播放小视频，如果视频比较大就会出

课程目录