Video currentTime 属性
Video 对象
实例
将时间位置设置为 5 秒:
document.getElementById(“myVideo”).currentTime = 5;
定义和用法
currentTime 属性设置或返回视频播放的当前位置(以秒计)。
当设置该属性时,播放会跳跃到指定的位置。
浏览器支持
所有主流浏览器都支持 currentTime 属……继续阅读 »
2年前 (2022-09-04) 117浏览 0评论
0个赞
Video controls 属性
Video 对象
实例
启用视频控件:
document.getElementById(“myVideo”).controls=true;
定义和用法
controls 属性设置或返回浏览器应当显示标准的视频控件。
该属性反映了<video> controls 属性。
当使用该属性时,它指定了显示视频控件。
视频控件包含:
播放
暂停
……继续阅读 »
2年前 (2022-09-04) 125浏览 0评论
0个赞
Video currentSrc 属性
Video 对象
实例
获得当前视频的 URL:
var x = document.getElementById(“myVideo”).currentSrc;
x输出结果为:
您的浏览器不支持HTML5的 video 标签,无法为您播放!
定义和用法
currentSrc 熟悉返回当前视频的 URL。
如果未设置音频/视频,则返回空字符串。
……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
Video controller 属性
Video 对象
实例
检测该视频是否有媒体控制器:
var x = document.getElementById(“myVideo”).controller;
定义和用法
controller 属性返回音视频的当前媒体控制器。
默认地,音视频元素不会有媒体控制器。如果规定了媒体控制器,controller 属性将以 MediaControl……继续阅读 »
2年前 (2022-09-04) 153浏览 0评论
0个赞
Video autoplay 属性
Video 对象
实例
查看是否在准备就绪后就开始播放视频:
var x = document.getElementById(“myVideo”).autoplay;
x输出结果为:
true
定义和用法
autoplay 属性设置或返回音视频是否在加载后即开始播放。
该属性反映了 HTML <video> autoplay 属性。
……继续阅读 »
2年前 (2022-09-04) 152浏览 0评论
0个赞
Video buffered 属性
Video 对象
实例
获得视频的第一段缓冲范围(部分),以秒计:
var x = document.getElementById(“myVideo”);document.getElementById(“demo”).innerHTML
= “Start: ” + x.buffered.start(0)+……继续阅读 »
2年前 (2022-09-04) 100浏览 0评论
0个赞
Video audioTracks 属性
Video 对象
实例
获得可用音轨的数量:
var x = document.getElementById(“myVideo”).audioTracks.length;
定义和用法
audioTracks 属性返回 AudioTrackList 对象。
AudioTrackList 对象表示音视频的可用音轨。
每个可用的音轨由一个 Audi……继续阅读 »
2年前 (2022-09-04) 147浏览 0评论
0个赞
HTML <track> 标签
实例
带有字幕轨道(friday.vtt)的视频:
<video width="320" height="240" controls>
<video controls
src="/video/php/friday.mp4">
<track default
……继续阅读 »
2年前 (2022-09-04) 107浏览 0评论
0个赞
Track src 属性
Track 对象
实例
获取轨道文件的 URL 地址:
var x = document.getElementById(“myTrack”).src;
x 输出值为:
http://www.w3cschool.cc/jsref/subtitles_en.vtt
定义和用法
src 属性用于设置会返回轨道的 src 属性值。
src 属性描述了轨道文件的 ……继续阅读 »
2年前 (2022-09-04) 189浏览 0评论
0个赞
Track srclang 属性
Track 对象
实例
获取轨道文本数据的语言代码:
var x = document.getElementById(“myTrack”).srclang;
x 输出结果为:
en
定义和用法
srclang 属性用于设置或者返回轨道的 srclang 属性值。
srclang 属性描述了轨道文本数据的语言。
如果 kind=”su……继续阅读 »
2年前 (2022-09-04) 171浏览 0评论
0个赞
Track label 属性
Track 对象
实例
获取文本轨道标签:
var x = document.getElementById(“myTrack”).label;
x 输出结果为:
English
定义和用法
label 属性用于设置或返回 track 的 label 属性值。
label 属性描述了文本轨道的标签/标题。
浏览器支持
属性
labe……继续阅读 »
2年前 (2022-09-04) 120浏览 0评论
0个赞
Track readyState 属性
Track 对象
实例
获取轨道资源的当前就绪状态:
var x = document.getElementById(“myTrack”).readyState;
x 输出值为:
2 // 文本轨道已经被加载,没有错误
定义和用法
readyState 属性返回了轨道资源当前就绪的状态。
就绪状态指示了资源是否准备开始播放。
注意: 该属性是……继续阅读 »
2年前 (2022-09-04) 133浏览 0评论
0个赞
Track kind 属性
Track 对象
实例
获取文本轨道的类型:
var x = document.getElementById(“myTrack”).kind;
x 输出结果为:
subtitles
定义和用法
kind 属性用于设置或者返回轨道的 kind 属性值。
kind 属性描述了文本轨道的种类。
浏览器支持
Internet Explorer, Opera……继续阅读 »
2年前 (2022-09-04) 129浏览 0评论
0个赞
HTML <time> 标签
实例
如何定义时间和日期:
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
浏览器支持
表格中的数字表示支持该属性的……继续阅读 »
2年前 (2022-09-04) 158浏览 0评论
0个赞
Track default 属性
Track 对象
实例
获取轨道的默认状态:
var x = document.getElementById(“myTrack”).default;
x 输出结果为:
false
定义和用法
default 属性用于设置或者返回轨道的默认状态。
该属性反映了 <track> default 属性。
如果使用 default 属性,则规……继续阅读 »
2年前 (2022-09-04) 177浏览 0评论
0个赞
Time dateTime 属性
Time 对象
实例
获取 <time> 元素表示的数据:
var x = document.getElementById(“myTime”).dateTime;
x 输出结果为:
2014-02-14
定义和用法
dateTime 属性设置或返回 <time> 元素中 datetime 属性的值。
datetime 属性规定日……继续阅读 »
2年前 (2022-09-04) 177浏览 0评论
0个赞
HTML <head>
查看在线实例
<title> – 定义了HTML文档的标题
使用 <title> 标签定义HTML文档的标题
<base> – 定义了所有链接的URL
使用 <base> 定义页面中所有链接默认的链接目标地址。
<meta> –
提供了HTML文档的meta标记
使用 <meta……继续阅读 »
2年前 (2022-09-04) 114浏览 0评论
0个赞
HTML <title> 标签
实例
为您的 HTML 文档定义标题:
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容……
</body>
</html&……继续阅读 »
2年前 (2022-09-04) 113浏览 0评论
0个赞
Title text 属性
Title 对象
实例
返回文档title标签的文本内容:
var x = document.getElementsByTagName(“TITLE”)[0].text;
x 输出结果为:
HTML DOM Objects
定义和使用
text 属性用于设置或者返回文档title元素的文本内容。
浏览器支持
所有主流浏览器都支持 text 属性。
……继续阅读 »
2年前 (2022-09-04) 144浏览 0评论
0个赞
Textarea select() 方法
Textarea 对象
定义和用法
select() 方法用于选择该元素中的文本。
语法
textareaObject.select()
浏览器支持
所有主流浏览器都支持 select() 方法
实例
实例
下面的例子可选择文本框中的文本:
<!DOCTYPE html>
<html>
<head>
<meta char……继续阅读 »
2年前 (2022-09-04) 155浏览 0评论
0个赞
Textarea type 属性
Textarea 对象
实例
返回表单元素的类型:
var x = document.getElementById("myTextarea").type;
定义和用法
type 属性返回表单元素的类型。
对于文本框永远是 “textarea”。
浏览器支持
属性
type
Yes
Yes
Yes
Yes
Yes……继续阅读 »
2年前 (2022-09-04) 116浏览 0评论
0个赞
Textarea value 属性
Textarea 对象
实例
修改 textarea 的文本内容:
document.getElementById("myTextarea").value = "Runoob";
定义和用法
value 属性设置或返回 textarea 的文本。
语法
设置 value 属性:
textareaObject.value="text"
返……继续阅读 »
2年前 (2022-09-04) 118浏览 0评论
0个赞
Textarea rows 属性
Textarea 对象
实例
修改文本框 textarea 的行数(高度):
document.getElementById("myTextarea").rows = "10";
定义和用法
rows 属性设置或返回 textarea 的 rows 属性值。
rows 属性指定文本框的高度(行数)。
提示: 你可以使用
style.hei……继续阅读 »
2年前 (2022-09-04) 98浏览 0评论
0个赞
Textarea readOnly 属性
Textarea 对象
实例
设置文本框 textarea 为只读:
document.getElementById("myTextarea").readOnly = true;
定义和用法
readOnly 属性设置或返回 textarea 是否为只读。
在只读文本区域,不能改变内容,但用户可以”选项卡”设置,或突出显示并复……继续阅读 »
2年前 (2022-09-04) 138浏览 0评论
0个赞
Textarea required 属性
Textarea 对象
实例
检测在提交表单之前文本区域 textarea 是否必须填写内容:
var x = document.getElementById("myTextarea").required;
定义和用法
required 属性用于设置或返回在提交表单之前 textarea 元素是否必须填写内容。
浏览器支持
属性
……继续阅读 »
2年前 (2022-09-04) 108浏览 0评论
0个赞
Textarea placeholder 属性
Textarea 对象
实例
修改 textarea 的 placeholder(预期值)属性:
document.getElementById("myTextarea").placeholder = "输入搜索关键字…";
定义和用法
placeholder 属性用于设置或返回 textarea 元素的 pla……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞
Textarea maxLength 属性
Textarea 对象
实例
获取 textarea 可以输入的最大字符数:
var x = document.getElementById("myTextarea").maxLength;
定义和用法
maxLength 属性用于设置或返回 textarea 元素的 maxlength 属性的值。
maxLength 属性指定 textarea ……继续阅读 »
2年前 (2022-09-04) 115浏览 0评论
0个赞
Textarea name 属性
Textarea 对象
实例
获取 textarea 的名称:
var x = document.getElementById("myTextarea").name;
定义和用法
name 属性设置或返回 textarea 的名称。
浏览器支持
属性
name
Yes
Yes
Yes
Yes
Yes
语法
设置 name 属性:……继续阅读 »
2年前 (2022-09-04) 140浏览 0评论
0个赞
Textarea disabled 属性
Textarea 对象
实例
实例
禁用一个文本框:
document.getElementById("myTextarea").disabled = true;
定义和用法
disabled 属性可设置或返回是否应禁用文本框。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一……继续阅读 »
2年前 (2022-09-04) 131浏览 0评论
0个赞
Textarea form 属性
Textarea 对象
实例
返回文本框 textarea 所属表单 form 的 id:
document.getElementById("myTextarea").value = "Runoob";
定义和用法
form 属性返回对包含该 textarea 元素的 form 表单的引用。
若成功,则该属性返回一个 form 对象。
语……继续阅读 »
2年前 (2022-09-04) 100浏览 0评论
0个赞