`

html5中的video再学习

阅读更多
  HTML5中的video的确是个好东西,以前要在页面中用object的话,
现在用<video>标签就可以了
   原始的是这样用法:
<video width="640"  height="360" src="http://www.youtube.com/demo/google_main.mp4"  controls autobuffer><p> Try this page in Safari  4! Or you can <a  href="http://www.youtube.com/demo/google_main.mp4">download the  video</a> instead.</p>  </video>

如果要自动播放,可以设置属性
<video src="abc.mov" autoplay></video>
autobuffer属性则允许可以一边下载一边播放,如果要防止视频加载时出现问题,可以
默认给一张图片做背景提示,使用的是poster属性指定图片
<video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp" autobuffer controls poster="whale.png"><p>Try this page in Safari 4! Or you can <a href="http://www.youtube.com/demo/google_main.mp4">download the video</a> instead.</p></video>
1
1
分享到:
评论

相关推荐

    html5-video

    HTML5是下一代网页标准,它的出现极大地改进了...这个"html5-video"压缩包提供了一个完整的HTML5视频应用示例,包含了HTML5视频播放的核心元素和可能的JavaScript交互逻辑,对于学习和实践HTML5视频功能非常有帮助。

    html5基于video的视频播放器

    HTML5的Video元素是现代网页开发中的一个重要组成部分,它使得在网页上内嵌视频成为可能,无需依赖Flash或其他外部插件。本项目基于HTML5的Video元素,构建了一个功能丰富的视频播放器,提供了三种预设皮肤,并允许...

    video-js-html5视频播放器源码例子

    HTML5视频播放器是现代网页设计中不可或缺的一部分,它使得...通过深入学习和实践这个"video-js-html5视频播放器源码例子",开发者可以提升自己在网页视频开发方面的技能,创建出功能丰富、用户体验优秀的视频播放器。

    Html5 Video实现示例

    HTML5 Video是现代网页开发中的一个重要特性,它允许在网页上直接嵌入视频内容,无需依赖Flash等外部插件。这个“Html5 Video实现示例”项目提供了关于如何在网页中使用HTML5 Video元素的实践指导。下面我们将深入...

    videojs源码rtmp推流hls播放器html5原生态播放器可用

    videojs是一款基于HTML5的开源视频播放器,它不仅支持HTML5的video元素,还兼容Flash作为备用方案,确保在不支持HTML5的浏览器中也能正常播放。videojs提供了一套易于定制的CSS和JavaScript API,使得开发者能够轻松...

    video.js在线自适应视频播放器.rar_html5 flash_html5 视频_videojs 自适应_在线 自适应 视

    标题中的"video.js在线自适应视频播放器.rar"指出,这是一个关于video.js的资源包,video.js是一个流行的开源JavaScript和CSS库,用于构建响应式的HTML5视频播放器。它能够处理不同浏览器之间的兼容性问题,并提供了...

    HTML5 video 标签浏览器兼容问题

    HTML5的`&lt;video&gt;`标签是现代网页中用于嵌入视频内容的重要元素,它使得开发者无需依赖第三方插件即可在网页上展示视频。然而,由于不同的浏览器可能支持不同的编码格式和特性,`&lt;video&gt;`标签的兼容性问题一直是前端...

    VideoJS —— HTML5 视频播放器

    VideoJS是一款流行的HTML5视频播放器框架,它使得开发者能够在网页上嵌入视频播放功能。VideoJS之所以受到广泛的欢迎,是因为它能够自动检测浏览器对HTML5的兼容性,如果HTML5不被支持,则会自动使用Flash播放器作为...

    video.js-5.x_VideoJS_源码

    VideoJS是一款广泛使用的开源HTML5和Flash视频播放器框架,其5.x版本是该系列中的一个重要里程碑。在5.x版本中,VideoJS不仅提供了丰富的自定义选项和皮肤,还特别支持了RTMP(Real-Time Messaging Protocol)在线...

    HTML5 视频播放器 video-js

    在 HTML5 中,`&lt;video&gt;` 标签被用来嵌入视频内容,但浏览器之间的实现差异和对不同视频编码格式的支持不一致是开发者面临的问题。video-js 的出现解决了这些问题,它提供了一致的用户界面和广泛的功能,确保在各种...

    htm5 video 播放器

    HTML5 Video 播放器是现代网页设计中不可或缺的一部分,它允许开发者在不依赖Flash等第三方插件的情况下,在网页上嵌入视频内容。这款功能强大的Web播放器充分利用了HTML5标准中的`&lt;video&gt;`标签,为用户提供了一种...

    基于video标签的HTML5视频播放器.rar

    HTML5的`&lt;video&gt;`标签是现代网页开发中用于嵌入和播放视频的重要元素,它极大地简化了在网页上添加视频内容的过程。本教程将深入探讨`&lt;video&gt;`标签的使用方法及其相关特性,帮助你创建一个功能完备的HTML5视频播放器...

    HTML5学习心得总结(推荐)

    在HTML5中,开发者可以通过全局属性来增强内容的表现和功能性,例如,accesskey属性可以设定访问元素的快捷键,contenteditable属性可以使元素内容可编辑。 了解了HTML5的这些知识点后,开发者就可以利用HTML5制作...

    HTML5 Video快速入门指南在线演示源码免费下载

    1. **HTML5 Video元素**: 在HTML5中,我们通过`&lt;video&gt;`标签来插入视频。例如: ```html &lt;video width="320" height="240" controls&gt; &lt;source src="movie.mp4" type="video/mp4"&gt; &lt;source src="movie.ogg" type="...

    一个移动端H5Video标签播放视频的实现

    `&lt;video&gt;`标签是HTML5引入的一个新元素,用于在网页中嵌入视频内容。它的基本结构如下: ```html &lt;video src="your_video.mp4" controls poster="preview_image.png"&gt; 您的浏览器不支持video标签。 &lt;/video&gt; ``` -...

    Html5Video-master H5播放器demo

    HTML5 Video是现代网页开发中的一个关键特性,它允许开发者在网页上嵌入视频内容而无需依赖Flash等第三方插件。"Html5Video-master"是一个开源的HTML5视频播放器项目,提供了丰富的功能和自定义选项,使得开发者可以...

    网页 video-js-html5视频播放器源码兼容所有浏览器例子DEMO完美

    通过学习和实践“video-js-html5视频播放器源码”提供的DEMO,开发者不仅可以掌握如何在网页上集成`video-js`播放器,还能了解到如何处理跨浏览器兼容性问题,以及如何利用其丰富的特性来提升用户体验。对于从事前端...

    HTML5学习文档汇总

    这本书可能涵盖了HTML5的基础语法,如新的标签(如、、、、和),以及对音频和视频元素的支持,如和&lt;video&gt;标签,使得无需插件即可在网页中嵌入多媒体内容。此外,指南可能还涉及了离线存储(离线存储API)、拖放...

Global site tag (gtag.js) - Google Analytics