学做网站培训课程介绍

当前位置：

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视频播放器代码（可自动播放） 图文教程 (117587 次浏览)
    在自己做网站时，有时需要在自己的网站上插入一些视频。特别是像学做网站论坛这样的视频教程网站，每个页面都需要插入一个视频教程。这时我们就需要使
  • 什么是HTML5+CSS3 图文教程 (193935 次浏览)
    HTML5+CSS3 是一种最新的网站网页布局方式。 HTML5:用于书写网站内容 CSS3:控制内容的排版。 网页布局一共经历了三个主要阶段： 第一个
  • 怎么给HTML5 video视频添加封面图片 图文教程 (126146 次浏览)
    有些做视频网站的学员有这样一个问题，自己做的视频网站中放的视频的封面图片并不是自己想要的图片，怎么给自己的视频添加自定义的封面图片呢？
  • JS控制VIDEO标签播放视频音频初始音量 图文教程 (123113 次浏览)
    学习了HTML教程，我们知道，现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • HTML5视频标签（video标签） 视频教程 (186618 次浏览)
    以前的网站上的视频播放需要依靠FLASH，自从HTML5出现之后，它带来了一个全新的视频播放标签video。以后我们可以使用VIDEO来定义视频，比如电影片段或
  • 网站Video标签播放大视频卡顿解决方法（m3u8流媒体） 图文教程 (116085 次浏览)
    自从HTML5推出之后，网站上的视频可以像图片一样使用video标签直接播放了。但使用video播放视频有一个缺点就是只能播放小视频，如果视频比较大就会出

课程目录