HTML5 Audio Video Summary

Source: Internet
Author: User

Audio format
Video Audio
Ogg Ogg
mp4 mp3
WebM Wav

video label Properties
properties action
controls controls html5 default video style
autoplay autoplay AutoPlay Properties
loop loop loop play
poster picture path set video initial background image

Video's API approach
Play () Start playing audio, video
Pause () Pause Playback
Requestfullscreen ()

Full Screen mode

Mozrequestfullscreen () Moz kernel

Webkitrequestfullscreen () Webit kernel

Event

Describe

Abort

When the audio/video load has been discarded

Canplay

When the browser can play audio/video

Canplaythrough

When the browser can play without buffering

Durationchange

When the length of the audio/video has changed

Emptied

When the current playlist is empty

Ended

When the current playlist has ended

Error

When an error occurs during audio/video loading

Loadeddata

When the browser has loaded the current frame of audio/video

Loadedmetadata

When the browser has loaded audio/video metadata

Loadstart

When the browser starts looking for audio/video

Pause

When audio/video is paused

Play

When audio/video has started or is no longer paused

Playing

When the audio/video is ready after it has been paused or stopped due to buffering

Progress

When the browser is downloading audio/video

Ratechange

When the audio/video playback speed has changed

seeked

When the user has moved/jumped to a new location in audio/video

Seeking

When the user starts to move/jump to a new location in the audio/video

Stalled

When the browser tries to get media data, but the data is not available

Suspend

When the browser deliberately does not get media data

Timeupdate

When the current playback position has changed

Volumechange

When the volume has changed

Waiting

When the video stops because it needs to buffer the next frame

HTML5 Audio Video Summary

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.