Home > Developer > JavaScript
Html production simple framework webpage 2: implement the operation steps and source file download of your audio and video station (you can play the video playback code of mp4, avi, mpg, asx, and swf files ),
The new video playback function is as follows:
The left.html code of the left-side webpage is as follows:
<Meta charset = "UTF-8"> <body style = "background-color: rgb (102,)"> <dl> <dt style = "color: white; font-size: 18 "> <strong> my concert hall </strong> </dt> <dd style =" color: white "> ----> My Mp3-TOP10 </dd> <ol type =" 1 "> <li style =" color: white "> <a href =" right1.html "target =" right "style =" color: white "> when you are old-Zhao </a> </li> <li style =" color: white "> <a href =" right2.html "target =" right "style =" color: white "> just met you-li yugang </a> </li> <li style =" color: white "> <a href =" right3.html "target =" right "style =" color: white "> Jianghu-luowen </a> </li> <li style =" color: white "> <a href =" right4.html "target =" right "style =" color: white "> half-pot yarn-Liu Ke Yi </a> </li> <li style =" color: white "> <a href =" right5.html "target =" right "style =" color: white "> Xin Hu Yu youfeng </a> </li> </ol> <dd style =" color: white "> ----> My MTV-TOP10 </dd> <ol type =" 1 "> <li style =" color: white "> <a href =" right6.html "target =" right "style =" color: white "> better tomorrow-stars </a> </li> <li style =" color: white "> <a href =" right7.html "target =" right "style =" color: white "> crazy about love-Liu ruoying </a> </li> </ol> </dl> </body>
A definition list <dl> </dl> is used on the left. This label has a definition title <dt> </dt> and two definitions <dd> </dd>.
Playing videos in right6.html will be better. MP4 video files
<Meta charset = "UTF-8"> <body style = "background-color: rgb (253,213,242) "> <center> <table border = 1 bgcolor = 000000 width = 800 height = 500 style =" color: # fff "> <tr> <td> <p> <center> <strong> Lyrics </strong> </center> </p> <p> gently awake your sleeping soul slowly open your eyes and see if the busy world is still turning around in a lonely manner. The spring breeze does not give way to the young man's heart, so that the tears on yesterday's face may dry up with memories and look up for the wings of the sky to see it. shadow brings the distant famine, the relentless war, the news still exists, the snow in the Yushan, the burning youth's heart, the true feelings dissolve into a note to talk about the distant blessing sing your enthusiasm, extend your hands, let me hug you the dream gives me your sincere face, and our smile is filled with the pride of youth. Pray who can leave the memories of childhood regardless of their homes who can bear to see his yesterday sorrow take away our smile youth do not understand the red dust Rouge contaminated with gray let long-lost tears nourish your face sing your enthusiasm and reach out your hands, let me embrace your dream, let me have your sincere face, let our smile be filled with the pride of youth, for tomorrow to give a sincere prayer, gently wake up and sleep the mind slowly opens your eyes to see if the busy world is still lonely, turning around constantly sunrise wake up in the morning, the land is shining again, let the sound of the wind fl into the music of life sing your enthusiasm to extend you with both hands, let me embrace your dream, let me have your sincere face, let us smile, filled with the pride of youth, let us look forward to better sing your enthusiasm, extend your hands, let me hug you the dream makes me have your sincere face, and our smile is filled with the pride of youth. Let us look forward to better sing your enthusiasm and extend your hands. Let me embrace your dream and let me own you. our sincere faces fill our smiles with the pride of our youth and let us look forward to a better tomorrow </p> </td> </tr> <Td> <center> </center> </td> </tr> <td> <object id = "MediaPlayer" classid = "clsid: 22D6F312-B0F6-11D0-94AB-0080C74C7E95 "width =" 800 "height =" 600 "standby =" Loading Windows Media Player components... "Type =" application/x-oleobject "codebase =" http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112 "> <param name =" FileName "value =" mtv/movie better .mp4 "> <param name =" AutoStart "value = ""true"> <param name = "ShowControls" value = "true"> <param name = "BufferingTime" value = "2"> <param name = "ShowStatusBar" value =" true "> <param name =" AutoSize "value =" true "> <param name =" InvokeURLs "value =" false "> <param name =" AnimationatStart "value =" 1 "> <param name =" TransparentatStart "value =" 1 "> <param name =" Loop "value =" 1 "> <embed type =" application/x-mplayer2 "src =" mtv/movie better. MP4 "" name = "MediaPlayer" autostart = "1" showstatusbar = "1" showdisplay = "1" showcontrols = "1" loop = "0" videoborder3d = "0" pluginspage = "http://www.microsoft.com/Windows/MediaPlayer/" width = "800" height = "600"> </embed> </object> </td> </tr> </table> </center> </body>
<Object> </object> injects video objects into webpages. The video player used is MediaPlayer.
Tested. You can play the video playback code of mp4, avi, mpg, asx, and swf files.
Full site:
The java Web file format is * war, which can be decompressed directly with the decompression software.
Link: https://pan.baidu.com/s/1slDOM3j password: jqfu
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
