the file name or picture name. Get a simple look at the usage of the base tag using one of the images below, link to Topic.alibabacloud.com's HTML video tutorial, full address http://www.php.cn/course/list/11.html
The base tag specifies the topic.alibabacloud.comhtml
This article mainly describes the use of HTML base tags, as well as the specific use of HTML base tag instance parsing, then let's look at this article together
First, let's start with the HTML base tag:
The
Typically, the browser extracts the corresponding element from th
HTML5 properties, methods, and events summary for the video tag
Some time ago wrote a video player based on HTML5, from the beginning of not understanding it, and then to be able to write a basic perfect custom player. In this process, we have a comprehensive understanding of the properties, methods, and events of the
Released 2017/09/14JS Code:HTML5 Implement the Upload file box in the form, preview the video before uploading, refresh the preview videos, use the HTML5 file API,Create a URL that can be accessed to the file, an empty video tag, an ID of video0, and display the selected file in the video
Properties of the
SRC: Properties of the video
Poster: Video cover, no picture displayed when playing
Preload: Pre-load
AutoPlay: Auto Play
Loop: Looping Playback
Controls: Browser's own control bar
Width: Video width
Height: Video Height
upbutton>buttonOnClick= "Video.volume-= 0.25">volume downbutton>buttonOnClick= "Video.muted = True">mutebutton>buttonOnClick= "video.muted = False">unmutebutton>buttonOnClick= "Rotateme ()"> Start Rotationbutton> button onclick= "int= Window.clearinterval (int); Resetrotation ()> Stop Rotationbutton> Div >body>html> Do things realisticallyHere is the original post referenceHttp://www.oneie.com/index.php/qyjs/
, including touch down. This method only applies to one sound resource, does not apply multiple sounds, how can multiple sounds be broken? Here is not to say with the browser to dry, "the inverse of the day", our purpose is to enhance the user experience, because some scenes if the automatic playback is really better, such as some answer the scene, need to listen to the sound to answer questions, if the user in the course of the answer can automatically play the corresponding topic sound, is ind
1. Code formatVideo format and browser support2. currently, The
Browser
MP4
WebM
Ogg
Internet Explorer
YES
NO
NO
Chrome
YES
YES
YES
Firefox
YES
YES
YES
Safari
YES
NO
NO
Opera
YES (from Opera 25)
YES
YES
3. MIME type of video format
Format
Mime-type
In HTML5Added, two tabs to insert audio and video. Example code:You can also use some parameters for advanced control of media files: for example:Controls, if you add the Controls property to the label,PlayerThe control control is displayed to the user. For audio files, without the controls property, users will not be able to see the audio controls on the page. AutoPlay, as the name implies, is
Modern Internet, we use a lot of video, in the HTML5 definition provides a unified way to display video content.Internet videoNow most of the Internet video use Flash to achieve. However, different browsers may use different plugins.HTML5 defines a unified element to specify the insertion and display of video and audio
Recently there are learning HTML5 in the use of video tags (players), here to do some learning notes, easy to review and record, this article is the first, will introduce the use of the tag to initialize what to do. Online tutorials are actually a lot of w3cschool inside the most simple and detailed, then these are some of the more direct application. This article directory:
Using Labels
add s
Now if you want to use a video tag on a page, you need to consider three things, support Ogg Theora or VP8 (if it's not an accident) (Opera, Mozilla, Chrome), support H.264 (Safari, IE 9, Chrome), are not supported (IE6, 7, 8). Okay, now let's get to the technical level of the HTML 5 video, including the use of
paragraphs, etc.
The detailed information about the anchor point is now
In addition to
[6] embedded model (embedded)
Due to the limited expression ability of the elements provided by HTML, it is necessary for browser developers to embed content, introduce another resource element in the document or insert a document in another language. Embedded content includes nine categories:
[Note] the default width and height of
(-> image)
The detailed info
attribute in the tag. At the beginning, you can't do the control bar defined by yourself, so you can use the default control bar in the browser and add the controls, so it becomes like this:The Code is as follows:
Step 3: Enable Automatic video playback or loading
One thing you often need to do with a player is to start playing a video when the page is loaded. Y
Properties :
SRC: Properties of the video
Poster: Video cover, no picture displayed when playing
Preload: Pre-load
AutoPlay: Auto Play
Loop: Looping Playback
Controls: Browser's own control bar
Width: Video width
Height: Video Height
the subscript text.
Defines the visible caption for the
Defines the superscript text.
Define the table.
Defines the body content in the table.
Define the cells in the table.
A text input control that defines multiple lines.
Define the table notes (footnotes) in the table.
Defines the header cells in the table.
Define
Recently made a mobile page project with video playback on the page, but you need to disable automatic full-screen playback of iOS (provided you must use the video tag).Such as:id= "POST" AutoPlay loop preload= "Auto"> src = "foo.mp4" type = "Video/mp4" >
HTML tutorial XHTML Tutorial: HTML Tag nesting skills, xhtml nesting
Webjx: WEB Standard-HTML element nesting.
Let's take a look at the following code:
Of course, I won't tell you that this code comes from FACEBOOK. Do you think there is any problem with the nesting of the above elements
Background sound
To play music or sound in the background
Ie
0
Multimedia
Add sound, music, or video
Other tags
Merry-go
Make text move around
Ie
Flashing text
Make text blink
NC
0
In-page search device
You can enter a keyword to find the page
Against
0
Beginning description
Provide informat
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.