Latest web development tutorials

HTML <video> tag

contoh

Memutar video:

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

Coba »

Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9 +, Firefox, Opera, Chrome dan Safari semua dukungan <video> tag.

Catatan: IE 8 atau versi sebelumnya dari browser IE tidak mendukung <video> tag.


Tag definisi dan petunjuk

<Video> mendefinisikan video, seperti klip film atau video stream lainnya.

Saat ini, <video> elemen mendukung tiga format video: MP4, WebM, Ogg.

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
khrom YES YES YES
Firefox YES
Mulai dari Firefox 21 versi
sistem Linux dari Firefox 30 awal
YES YES
Safari YES NO NO
opera YES
Mulai dari versi Opera 25
YES YES
  • MP4 = MPEG 4 file menggunakan H264 codec video dan audio codec AAC
  • WebM = WebM file menggunakan VP8 codec video dan audio codec Vorbis
  • ogg file = Ogg Theora menggunakan codec video dan audio codec Vorbis

Jenis MIME format audio yang

格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg


Perbedaan antara HTML 4.01 dan HTML5

<Video> tag HTML5 adalah label baru.


Tips dan Catatan

Tip: Anda dapat menempatkan teks antara tag <video> <video /> dan, ini bukan browser yang didukung <video> elemen dapat menampilkan informasi tag itu.


atribut opsional

Baru: HTML5 properti baru.

属性 描述
autoplay New autoplay 如果出现该属性,则视频在就绪后马上播放。
controls New controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height New pixels 设置视频播放器的高度。
loop New loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
muted New muted 如果出现该属性,视频的音频输出为静音。
poster New URL 规定视频正在下载时显示的图像,直到用户点击播放按钮。
preload New auto
metadata
none
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src New URL 要播放的视频的 URL。
width New pixels 设置视频播放器的宽度。

Properti global

<Video> tag mendukung HTML sifat global yang .


Properti acara

<Video> tag mendukung HTML sifat acara .