>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 25787 个阅读者 刷新本主题
 * 贴子主题:  JavaScript的HTML DOM Video 对象 回复文章 点赞(0)  收藏  
作者:sunshine    发表时间:2019-08-12 16:58:54     消息  查看  搜索  好友  邮件  复制  引用

  

HTML DOM  Video 对象

Video 对象

     Video 对象是 HTML5 中新增的。

     Video 对象表示 HTML <video> 元素。    

访问 Video 对象t

     您可以通过使用 getElementById() 来访问 <video> 元素:

              var x = document.getElementById("myVideo");                

创建 Video 对象

     您可以通过使用 document.createElement() 方法来创建 <video> 元素:

              var x = document.createElement("VIDEO");                

Video 对象属性


属性 描述
audioTracks 返回表示可用音频轨道的 AudioTrackList 对象。
autoplay 设置或返回是否在就绪(加载完成)后随即播放视频。
buffered 返回表示视频已缓冲部分的 TimeRanges 对象。
controller 返回表示视频当前媒体控制器的 MediaController 对象。
controls 设置或返回视频是否应该显示控件(比如播放/暂停等)。
crossOrigin 设置或返回视频的 CORS 设置。
currentSrc 返回当前视频的 URL。
currentTime 设置或返回视频中的当前播放位置(以秒计)。
defaultMuted 设置或返回视频默认是否静音。
defaultPlaybackRate 设置或返回视频的默认播放速度。
duration 返回视频的长度(以秒计)。
ended 返回视频的播放是否已结束。
error 返回表示视频错误状态的 MediaError 对象。
height 设置或返回视频的 height 属性的值。
loop 设置或返回视频是否应在结束时再次播放。
mediaGroup 设置或返回视频所属媒介组合的名称。
muted 设置或返回是否关闭声音。
networkState 返回视频的当前网络状态。
paused 设置或返回视频是否暂停。
playbackRate 设置或返回视频播放的速度。
played 返回表示视频已播放部分的 TimeRanges 对象。
poster 设置或返回视频的 poster 属性的值。
preload 设置或返回视频的 preload 属性的值。
readyState 返回视频当前的就绪状态。
seekable 返回表示视频可寻址部分的 TimeRanges 对象。
seeking 返回用户当前是否正在视频中进行查找。
src 设置或返回视频的 src 属性的值。
startDate 返回表示当前时间偏移的 Date 对象。
textTracks 返回表示可用文本轨道的 TextTrackList 对象。
videoTracks 返回表示可用视频轨道的 VideoTrackList 对象。
volume 设置或返回视频的音量。
width 设置或返回视频的 width 属性的值。

Video 对象方法


Method 描述
addTextTrack() 向视频添加新的文本轨道。
canPlayType() 检查浏览器是否能够播放指定的视频类型。
load() 重新加载视频元素。
play() 开始播放视频。
pause() 暂停当前播放的视频。

标准属性和事件

     Video 对象同样支持标准的 属性和 事件。



程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-03-07 21:40:33 重新编辑]
  Java面向对象编程-->接口
  JavaWeb开发-->访问数据库(Ⅰ)
  JSP与Hibernate开发-->映射组成关系
  Java网络编程-->用Spring整合CXF发布Web服务
  精通Spring-->绑定CSS样式
  Vue3开发-->CSS过渡和动画
  卫琴姐姐最新制作的Vue3视频教程,强烈推荐!!!
  聊聊Nodejs中的模块化和事件循环
  本以为精通Vue,没想到被前阿里大佬虐哭了......
  加快 Vue 项目的开发速度
  vue实现Word或Excel文档导出的功能,转换文件名乱码或者json...
  Thinking In Vue:vue指令的封装
  Vue开发常用的框架及案例
  js导出json文件
  jQuery 获取并设置 CSS 类
  JavaScript的History 对象
  CSS3 文本效果
  HTML5 表单属性
  HTML 基础知识
  JavaScript HTML DOM EventListener
  JavaScript 函数参数
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。