黑马程序员:前端阶段笔记之HTML5视频、音频播放事件属性与API控件

2022-12-24 12:22:16   第一文档网     [ 字体: ] [ 阅读: ] [ 文档下载 ]

#第一文档网# 导语】以下是®第一文档网的小编为您整理的《黑马程序员:前端阶段笔记之HTML5视频、音频播放事件属性与API控件》,欢迎阅读!
前端,控件,黑马,程序员,属性


黑马程序员:前端阶段笔记之HTML5视频音频播放事件属性与

API控件

1videoaudio标签

或者

属性 autoplay controls width height loop preload src poster autobuffer

2HTML5视频API 控件 1)获得video标签 ①通过DOM对象

video标签的属性 载入视频load() 播放视频play() 暂停:pause()

快进10秒:currentTime +=10 播放速度增加:playbackRate ++ 播放速度增加0.1playbackRate += 0.1 音量增加:volume += 0.1 静音:muted = true 3)事件

canplay duration 媒体长度 timeupdate 媒体当前位置

var video = document.getElementById("videoID");

②通过jQuery 的方法 var video = $("#videoID")[0];



autoplay(可省略)

controls(可省略) px px

loop、数字 proload url imgurl autobuffer

播放器宽度 播放器高度

播放完是否继续播放、播放次数

是否等待加载完再播放 视频url地址 加载等待的画面图片 设置为浏览器缓冲方式,不设置autoplay时有效



向用户显示播放控件



描述

视频自动播放



黑马程序员郑州中心 编著




三、表单

1、表单输入类型

类型 email tel url number search range color time date datetime month week

2、表单元素

元素 3、表单属性

属性 placehold

用法



输入手机号码格式 输入url格式

type="number">

type="search">

type="range"> type="color"> type="time"> type="date">

type="datetime">

type="month"> type="week">

年周



年月



时间输入框



年月日



小时



拾色器



自由拖动滑块



搜索框(体现语义化) 输入数字格式



含义

输入邮箱格式



黑马程序员郑州中心 编著


本文来源:https://www.dy1993.cn/BiYG.html

相关推荐