首页 » HTML/CSS » HTML5直接播放在线视频

HTML5直接播放在线视频

21287 26

HTML5可以支持直接播放视频,规定了一种通过video元素来播放视频的方法,而不需要再借助第三方的播放器了,比如flash player,我们只需在网页里简单的调用如下代码,就能实现在线视频的播放。

<video src="视频地址" width="宽度" height="高度" controls="controls">
你的浏览器太垃圾了,不支持HTML5。
</video>

video元素的可选属性还有autoplay,控制自动播放。上面的controls属性为显示控制条,如果没有这个属性,又没有加autoplay属性,那你就杯具了,只能看第一帧那张静态图了。

实际效果如下,调用了优酷的视频。

文章评分1次,平均分5.0

本文原始地址:https://www.tiandiyoyo.com/2013/10/how-to-play-video-on-html5/
本站所有文章,除了特别注明外,均为本站原创,转载请注明出处来自www.tiandiyoyo.com

您可能还会对以下文章感兴趣:

评论前先开启评论开关:


26 Comments

  1. 好厉害好厉害!

  2. mooc :

    HTML5很强大。。可惜IE……

  3. 南寻 :

    视频太亮。。

  4. 可惜html5现在还不是所有浏览器支持

  5. 地址失效了么,没有反应啊

  6. 海涛 :

    HTML5 快速发展的时代,我们这些都要杯淘汰了。

  7. 不能播放啊 是代码问题 还是地址问题?

  8. 神父 :

    视频地址失效了吧。优酷这地址会过期,我试过。新浪的不会失效。

  9. 呃 怎么按上去没啥动静的?

  10. HTML5的标签就简单多了,不过老浏览器就,呵呵了,也很实用,方便快速添加

载入分页评论...