• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > h5 video标签用法的实例代码

h5 video标签用法的实例代码

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含h5,video,标签等相关知识,匿名希望在学习及工作中可以帮助到您
HTML video 适用于HTML 5+,用于定义在线观看的视频流媒体,这里简单介绍下, 方便需要的朋友

HTML <video> 适用于HTML 5+,用于定义在线观看的视频流媒体。

<video 
width
="320" 
height
="240" src="/movie.ogg" controls="controls">

这里是注释文字,如果无法支持 HTML 5 浏览器将显示这里的文字。如果支持,就直接显示视频,忽略文字。
</video>

在HTML 4 及以前,如果您想在网页中嵌入在线观看的视频,一般都需要使用Flash视频流,通过使用 <object> 和 <embed> 标签,就可以通过浏览器播放swf、flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而现代智能手机和iPad等一般都无法支持Flash,所以无法浏览网页上的视频。而 HTML 5 改变了这一事实,Web开发者只需要使用 <video> 标签就可以轻松加载视频文件,而不需要任何第三方插件。

属性值描述
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。
height像素值设置视频播放器的高度。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
preloadauto/meta/none规定是否预加载视频,可能的值:
auto - 当页面加载后载入整个视频
meta - 当页面加载后只载入元数据
none - 当页面加载后不载入视频

您可能想查找下面的文章:

  • 详解HTML5之pushstate、popstate操作history,无刷新改变当前url
  • HTML5各种头部meta标签的功能(推荐)
  • 如何用H5实现一个触屏版的轮播器的实例
  • H5新属性audio音频和video视频的控制详解(推荐)
  • HTML5页面音视频在微信和app下自动播放的实现方法
  • H5 meta小结(前端必看篇)
  • 浅谈h5自定义audio(问题及解决)
  • h5调用摄像头的实现方法
  • HTML5单页面手势滑屏切换原理
  • Html5实现二维码扫描并解析

相关文章

  • 2018-12-03h5实现获取用户地理定位
  • 2018-12-03如何利用HTML5实现等待加载动画的效果
  • 2017-08-06HTML5之SVG 2D入门7—SVG元素的重用与引用
  • 2017-08-06HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
  • 2018-12-03HTML5 Canvas实现交互式地铁线路图
  • 2018-12-03HTML5 Canvas实现绘制一个像素宽的细线
  • 2018-12-03HTML5实现的震撼3D焦点图动画详解介绍
  • 2017-08-06详解HTML5中的Communication API基本使用方法
  • 2018-12-03分享DOM中的表单操作,节点操作
  • 2018-12-03h5实现文本框提示语的代码实例

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 详细介绍基于HTML5 的WebGL技术构建3D场景的图文代码(一)
    • html5 details标签的作用是什么?<details>标签的使用方法介绍(附使用实例)
    • 如何在网站上添加谷歌定位信息
    • phonegap使用方法介绍(二)获取位置信息
    • 有关Accordion的文章推荐10篇
    • SVG基础|SVG VIEWPORT、VIEW BOX和PRESERVEASPECTRATIO
    • HTML5 语义化 - main
    • HTML5之SVG 2D入门8—文档结构及相关元素总结_html5教程技巧
    • HTML5边玩边学(3)像素和颜色
    • html5碎片式图片切换制作方法详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有