网络编程
位置:首页>> 网络编程>> 网页设计>> HTML 5 Video概述(4)

HTML 5 Video概述(4)

作者:dgguo 来源:腾讯互娱设计团队 发布时间:2010-06-23 18:56:00 

标签:html5,video,视频

 2.8 一个完整的例子

这段代码在页面中定义了一个视频,此视频的预览图为poster的属性值,显示浏览器的默认媒体控制栏,预加载视频的元数据,循环播放,宽度为900像素,高度为240像素。

第一选择视频地址为第一个source标签的src属性值,视频类别为Ogg视频,视频编码 * 为Theora,音频编码 * 为Vorbis,播放媒介为显示器;第二选择视频地址不再累述。

如果你还要兼容IE的话,可以在最后一个source标签后再加上Flash播放器的标签集,或者使用一点JavaScript代码。具体可以查看这篇文章

3 媒介属性

媒介属性包括error、currentsrc、networkState、preload、buffered、readyState、seeking、currentTime、startTime、duration、paused、defaultPlaybackRate、playbackRate、played、seekable、ended、autoplay、loop、controls、volume、muted等,可以用于返回或改变媒介的状态。

注意:以下使用到的“media”统一代表一个视频元素。如下图所示:

3.1 error属性

只读属性。使用media.error返回一个MediaError对象表明当前的错误状态,如果没有出错,返回null。

使用media.error.code返回媒介的错误状态,共有4个可能值。

MEDIA_ERR_ABORTED(数字值为1):媒体资源获取异常;

MEDIA_ERR_NETWORK(数字值为2):网络错误;

MEDIA_ERR_DECODE(数字值为3):媒体解码错误;

MEDIA_ERR_SRC_NOT_SUPPORTED(数字值为4):视频格式被不支持。

3.2 currentSrc属性

只读属性。使用media.currentSrc返回该媒介标签的src属性值。

3.3 networkState属性

只读属性。使用media.networkState返回媒介的网络状态,共有4个可能值。

NETWORK_EMPTY(数字值为0):尚未初始化;

NETWORK_IDLE(数字值为1):加载完成,网络空闲;

NETWORK_LOADING(数字值为2):视频加载中;

NETWORK_NO_SOURCE(数字值为3):加载失败。

0
投稿

猜你喜欢

  • 然而,微软sql server在处理这类索引时,有个重要的缺陷,那就是把本该编译成索引seek的操作编成了索引扫描,这可能导致严重性能下降
  • 代码如下:<% '=================================================
  • 如何发送一个XMLHttpRequest的检索的特定部分HTML标题数据。<html> <head> <tit
  • 代码'########### '检测远程文件是否存在 '########### function CheckURL(
  • 以前写JS程序的时候,经常碰到了定位的问题。但每次都看到一半,找到需要的属性就了事了。今天下了狠心,要花点时间,彻底地弄明白他。以下内容看着
  • 概要说明:自动更新程序主要负责从服务器中获取相应的更新文件,并且把这些文件下载到本地,替换现有的文件。达到修复Bug,更新功能的目的。本文作
  • 用户登录验证脚本,Chkpwd.asp<% '=======用户登录验证脚本======= '如果尚未定义Passed
  • 科讯5.0 标签和之前版本变化不大,如果用老版本的科讯,可以参考这个标签使用。相关文章:新云4.0 模板通用标签说明 标签清单:======
  • 无论何时,IE总是让页面制作者感到那么的黯然销魂,尤其是IE6,IE7次之,虽然IE8已经做了很大的改进,但由于XP用户的数量实在太大,而且
  • 如何利用Image Data Type从数据库中读取图片,并在主页中显示图形?然后,写如下代码:< % @&nbs
  • 找到一句可以获得当前最新ID的语句,如下:conn.execute("insert into member (user,code)
  • 可用性研究表明,当响应时间超过一秒钟时,用户便能够有所察觉。虽然在反馈系统中,当用户需要等待时,更好的解决方案的是应该采用确定性的进度条。但
  • IFRAME 元素 | iframe 对象创建内嵌浮动框架。成员表下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想
  • 这篇论坛文章(赛迪网技术社区)主要介绍了数据仓库基本报表制作过程中的SQL写法,详细内容请参考下文:在数据仓库的基本报表制作过程中,通常会使
  • 注:本文所说的视觉设计师专指网页视觉设计师。网页设计师与平面设计师都归类为设计师,其实这两个职业是跨行业的,虽然有很多设计师一直在跨行业工作
  • asp生成html如果采用utf8编码方式,多数采用的是Adodb.Stream组件,因为fso并不能支持Utf-8最近在写一个生成HTML
  • [Q]怎么样查询特殊字符,如通配符%与_ [Q]如何插入单引号到数据库表中 [Q]怎样设置事务一致性 [Q]怎么样利用光标更新数据 [Q]怎
  • 使用MySQL,安全问题不能不注意。以下是MySQL提示的23个注意事项:1.如果客户端和服务器端的连接需要跨越并通过不可信任的网络,那么就
  • 教育信息化时代,考试成绩也要求上网公布。一次我将考试成绩制作成一个HTML文件,如图1所示,领导审查的意见是“将成绩按名次排列”,可是所有的
  • 树形目录显示程序问题描述:在我们项目中常常会出现自关联的数据表,如果我们从整体看去,整个表就呈现为一个树形数据结构(对于复杂的情况,它可能变
手机版 网络编程 asp之家 www.aspxhome.com