学做网站培训课程介绍

当前位置:

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 属性控制视频的尺寸.如果设置的高度和宽度,所需的视频空间会在页面加载时保留。如果没有设置这些属性,浏览器不知道大小的视频,浏览器就不能再加载时保留特定的空间,页面就会根据原始视频的大小而改变。

发表评论

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

相关教程

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