From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/api/htmlvideoelement/index.html | 198 ++++++++++++++++++++++++ 1 file changed, 198 insertions(+) create mode 100644 files/zh-cn/web/api/htmlvideoelement/index.html (limited to 'files/zh-cn/web/api/htmlvideoelement/index.html') diff --git a/files/zh-cn/web/api/htmlvideoelement/index.html b/files/zh-cn/web/api/htmlvideoelement/index.html new file mode 100644 index 0000000000..506d1655b8 --- /dev/null +++ b/files/zh-cn/web/api/htmlvideoelement/index.html @@ -0,0 +1,198 @@ +--- +title: HTMLVideoElement +slug: Web/API/HTMLVideoElement +tags: + - API + - DOM + - HTML DOM + - HTML5 + - Video +translation_of: Web/API/HTMLVideoElement +--- +
+
{{APIRef("HTML DOM")}}
+
+ +

HTMLVideoElement 接口提供了用于操作视频对象的特殊属性和方法。它同时还继承了{{domxref("HTMLMediaElement")}} 和 {{domxref("HTMLElement")}} 的属性与方法。

+ +

在不同浏览器中 支持的媒体格式 是不一样的。因此在提供媒体文件的时候，或者提供一种所有浏览器都支持的格式，或者提供格式不同的多个视频源来支持不同浏览器，保证你想要支持的浏览器都能够播放。

+ +

{{InheritanceDiagram(600, 140)}}

+ +

属性

+ +

继承了其父对象 {{domxref("HTMLMediaElement")}}和{{domxref("HTMLElement")}}的属性。

+ +
+
{{domxref("HTMLVideoElement.height")}}
+
表达HTML属性 {{htmlattrxref("height", "video")}}的值的一个{{domxref("DOMString")}} ，以CSS pixels的单位给出了显示区域的大小。
+
{{domxref("HTMLVideoElement.poster")}}
+
表达HTML属性 {{htmlattrxref("poster", "video")}}的值的一个{{domxref("DOMString")}} ，用于指定当视频无法播放时需要展示的图片。
+
{{domxref("HTMLVideoElement.videoHeight")}} {{readonlyInline}}
+
返回一个unsigned long 值，以CSS pixels的单位给出视频资源的实际高度。这个值考虑了大小、对比度、明度、分辨率等，是由视频资源本身确定的。如果这个元素的ready state是 HAVE_NOTHING，这个属性的值为0。
+
{{domxref("HTMLVideoElement.videoWidth")}} {{readonlyInline}}
+
返回一个unsigned long 值，以CSS pixels的单位给出视频资源的实际宽度。这个值考虑了大小、对比度、明度、分辨率等，是由视频资源本身确定的。如果这个元素的ready state是 HAVE_NOTHING，这个属性的值为0。
+
{{domxref("HTMLVideoElement.width")}}
+
表达HTML属性 {{htmlattrxref("width", "video")}}的值的一个{{domxref("DOMString")}} ，以CSS pixels的单位给出了显示区域的大小。
+
+ +

Gecko特定属性

+ +
+
{{domxref("HTMLVideoElement.mozParsedFrames")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个 unsigned long 值，给出已经从媒体资源中解析的视频帧数。
+
{{domxref("HTMLVideoElement.mozDecodedFrames")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个 unsigned long 值，给出已经从媒体资源中解析，并解码为图像的视频帧数。
+
{{domxref("HTMLVideoElement.mozPresentedFrames")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个 unsigned long 值，给出被置入绘制队列(pipeline)等待绘制的视频帧数。
+
{{domxref("HTMLVideoElement.mozPaintedFrames")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个 unsigned long 值，给出已经被绘制的视频帧数。
+
{{domxref("HTMLVideoElement.mozFrameDelay")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个 double 值，表示到目前为止，距上一次绘制过去了多长时间，单位是秒。
+
{{domxref("HTMLVideoElement.mozHasAudio")}} {{readonlyInline}}{{non-standard_inline}}
+
返回一个{{domxref("Boolean")}}值，表示这个视频是否有关联音频。
+
+ +

方法

+ +

继承了其父对象 {{domxref("HTMLMediaElement")}}和 {{domxref("HTMLElement")}}的方法。

+ +
+
{{domxref("HTMLVideoElement.getVideoPlaybackQuality()")}} {{experimental_inline}}
+
返回一个 {{domxref("VideoPlaybackQuality")}} 对象，包含了对当前播放引擎的量度信息。
+
+ +

规范

+ + + + + + + + + + + + + + + + + + + + + + + + +
规范状态注释
{{SpecName('Media Source Extensions', '#idl-def-HTMLVideoElement', 'Extensions to HTMLVideoElement')}}{{Spec2("Media Source Extensions")}}添加了 getVideoPlaybackQuality() 方法。
{{SpecName('HTML WHATWG', "the-video-element.html#the-video-element", "HTMLAreaElement")}}{{Spec2('HTML WHATWG')}}相对于{{SpecName('HTML5 W3C')}}没有改变。
{{SpecName('HTML5 W3C', "embedded-content-0.html#the-video-element", "HTMLAreaElement")}}{{Spec2('HTML5 W3C')}}最初定义
+ +

浏览器兼容性

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
特性ChromeFirefox (Gecko)Internet ExplorerOperaSafari
基本支持{{CompatVersionUnknown}}{{CompatGeckoDesktop("2.0")}}9.010.50{{CompatVersionUnknown}}
mozParsedFrames mozDecodedFrames mozPresentedFrames mozPaintedFrames mozFrameDelay {{non-standard_inline}}{{CompatNo}}{{CompatGeckoDesktop("5.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
mozHasAudio {{non-standard_inline}}{{CompatNo}}{{ CompatGeckoDesktop("15.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
getVideoPlaybackQuality(){{experimental_inline}}{{CompatUnknown}}{{ CompatGeckoDesktop("25.0")}}[1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
特性AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持{{CompatVersionUnknown}}{{CompatGeckoMobile("2.0")}}9.0{{CompatVersionUnknown}}{{CompatVersionUnknown}}
mozParsedFrames mozDecodedFrames mozPresentedFrames mozPaintedFrames mozFrameDelay {{non-standard_inline}}{{CompatNo}}{{CompatGeckoMobile("5.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
mozHasAudio {{non-standard_inline}}{{CompatNo}}{{ CompatGeckoMobile("15.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
getVideoPlaybackQuality(){{experimental_inline}}{{CompatUnknown}}{{ CompatGeckoMobile("25.0")}}[1]{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+
+ +

[1] Gecko 的实现要求打开 media.mediasource.enabled 选项，默认值是false.

+ +

另见

+ + -- cgit v1.2.3-54-g00ecf