<video>


HTML <video> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

Jalankan Instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Sokongan penyemak imbas

1000.png

IE 9+, Firefox, Opera, Kedua-dua Chrome dan Safari menyokong teg <video>

Nota: IE 8 atau lebih awal tidak menyokong teg <video>

Takrifan teg dan arahan penggunaan

<teg video> mentakrifkan video, seperti klip filem atau strim video lain.

Pada masa ini, elemen <video> menyokong tiga format video: MP4, WebM dan Ogg.

< td>YA
Pelayar MP4 WebMOgg
Internet ExplorerYATIDAKTIDAK
ChromeYAYA
FirefoxYA
浏览器MP4WebMOgg
Internet ExplorerYESNONO
ChromeYESYESYES
FirefoxYES
从 Firefox 21 版本开始
Linux 系统从 Firefox 30 开始		YESYES
SafariYESNONO
OperaYES
从 Opera 25 版本开始		YESYES
Bermula dari versi Firefox 21
    Sistem Linux bermula dari Firefox 30 Mulakan
YAYA
SafariYATIDAK< /td>TIDAK
OperaYA
  • Bermula dari versi Opera 25
    		• YA YA
  • MP4 = Fail MPEG 4 menggunakan codec video H264 dan codec audio AAC
  • Fail WebM = WebM menggunakan Codec video VP8 dan codec audio Vorbis
    • Ogg = Fail Ogg menggunakan codec video Theora dan codec audio Vorbis

    格式MIME-type
    MP4video/mp4
    WebMvideo/webm
    Oggvideo/ogg
    format jenis MIME audio <🎜><🎜>

    Perbezaan antara HTML 4.01 dan HTML5 Teg

    <video> ialah teg baharu HTML5.

    Petua dan Nota

    Petua: Anda boleh meletakkan kandungan teks antara <video> pelayar elemen video> tag.

    Atribut pilihan

    Baharu: Atribut baharu dalam HTML5.

    HartanahNilaiPenerangan
    automainBaharu
    属性值描述
    autoplayNewautoplay如果出现该属性，则视频在就绪后马上播放。
    controlsNewcontrols如果出现该属性，则向用户显示控件，比如播放按钮。
    heightNewpixels设置视频播放器的高度。
    loopNewloop如果出现该属性，则当媒介文件完成播放后再次开始播放。
    mutedNewmuted如果出现该属性，视频的音频输出为静音。
    posterNewURL规定视频正在下载时显示的图像，直到用户点击播放按钮。
    preloadNewauto
    metadata
    none    		如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
    srcNewURL要播放的视频的 URL。
    widthNewpixels设置视频播放器的宽度。
    		automainJika atribut ini muncul, video akan dimainkan sebaik sahaja ia sedia.
    mengawalBaharu

    		kawalanJika atribut ini muncul, Paparan pengguna kawalan, seperti butang main.
    tetapanketinggianpiksel baharu Ketinggian pemain video.
    gelungBaharu

    		gelungJika atribut ini muncul, ia akan menjadi Main semula bermula semula selepas fail selesai dimainkan.
    diredamkanBaharu

    		diredamkanJika atribut ini muncul, audio video Output diredamkan.
    posterBaharu
    		URLMenentukan imej yang dipaparkan semasa video dimuat turun sehingga pengguna mengklik butang main.
    pramuatBaharu

    		auto metadata

    tiada

    		Jika atribut ini muncul, video akan dimuatkan apabila halaman dimuatkan dan sedia untuk dimainkan. Jika "automain" digunakan, atribut ini diabaikan.
    srcBaharu

    		URLKepada URL video yang dimainkan.
    lebartetapanpiksel baharu Lebar pemain video.

    Atribut global

    <video> teg menyokong atribut global HTML. <🎜><🎜><🎜>Atribut Acara<🎜><🎜><video> teg menyokong atribut acara HTML. <🎜><🎜><🎜><🎜><🎜>
    ←
    →