HTML5 Video (<video>), Audio (<audio>) label Small test

Source: Internet
Author: User
Tags numeric numeric value

Today small try HTML5 inside two new label, <video> </video>,<audio></audio>

Specific examples are as follows:

<video src= "1.wmv" controls= "true" > your browser does not support video labels. </video>

<audio src= "1.wav" controls= "true" > your browser does not support audio tags. </audio>

Specific properties:

Property value Description
AutoPlay true | False If true, the video plays immediately after it is ready.
Controls true | False If true, the control is displayed to the user, such as a play button.
End numeric value Defines where the viewer stops playing in the video stream. By default, the sound plays to the end.
Height Pixels Sets the height of the video player.
LoopEnd numeric value Defines the position in which the stop loop plays in the video stream, and the default is the value of the End property.
Loopstart numeric value Defines the starting position of looping playback in a video stream. The default is the value of the Start property
Playcount numeric value Define how many times the video fragment plays. The default is 1.
Poster wr. The URL of the picture that is displayed before the video is played.
Src Url The URL of the video to play.
Start numeric value Defines where the player starts playing in the audio stream. By default, sounds are played at the beginning.
Width Pixels Sets the width of the video player.

Final trial results:

These two tags are still in the draft stage, as if many formats are not supported, such as Microsoft's. wav, MP3 format and video format. wmv and so on are not supported.

But in Firefox and Google's browser below the display of the player interface is not the same mile. Firefox under the interface is more beautiful. Look down:

Firefox interface:

Chrome Interface:

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.