HTML5-autio, video audio video

Screen full version of web player:

Basic autio and ideo presentation

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<- embed:! Audio Video can be inserted directly, essentially by the present audio video player software to play the machine installation. These requirements must be already installed software compatibility ->

<-! Flash: 1. First learn flash, increase the use of cost 2.iphone, ipd, does not support flash ->

<- audio:! Audio ->
<!--
Path to play the file: src
controls: control panel audio player
autoplay: Autoplay
loop: Loop ->
<!--<audio src="../mp3/aa.mp3" controls></audio>-->

<- video:! Video ->
<!--
Path to play the file: src
controls: control panel audio player
autoplay: Autoplay
loop: Loop
poster: Specifies the video has not been fully downloaded, or the user does not click on the cover display before playback. The default display of the first sub-image of the current video file
width: the width of the video
height: height of the video
-->
<- Notes:! Video will always maintain the original aspect ratio. Means that if you set both width and height are not really the specified size, but only to the specified area will occupy the size, width and height settings unless you happen to be the original aspect ratio of the video screen size settings for your video. It is recommended that: When setting the video width and height, usually only set the width or height, so that video files automatically zoom ->
<!--<video src="../mp3/mp4.mp4" poster="../images/l1.jpg" controls  height="600"></video>-->

<- source:! Because different browsers supported video format is not the same, in order to ensure that users can see the video, we can provide multiple video files allow the browser to automatically select ->
<!--<video src="../mp3/flv.flv" controls></video>-->
<video controls>
    <! - video source, there may be multiple sources ->
    <source src="../mp3/flv.flv" type="video/flv">
    <source src="../mp3/mp4.mp4" type="video/mp4">
</video>
</body>
</html>

  

Guess you like

Origin www.cnblogs.com/eadela/p/11322300.html