The most difficult part is to drop to the playlist, check MSDN for a long time, and there is Window Media Player 6. the play of the x plug-in is a bit strange, so my code is a bit strange ........
Please perform multiple tests. If you have any bugs, you may not be able to tell me what I have done.<Br/> <style> body {overflow: auto; font-size: 12px; cursor: default ;}</p> <p ># table01 {font-size: 12px; background-Color: black; color: white; text-align: center ;}</p> <p> # playListTitle {background-Color: #001122; color: white; font-size: 12px; font-weight: bold; width: 100%; height: 16px; padding: 2px ;}</p> <p ># playList {width: 150px; height: 225px; margin: 0px; font-size: 12px; background-Color: black; colo R: white ;}</p> <p> # musicList {width: 200px; border: buttonface 4px groove; height: 80px; position: absolute; right: 5px; top: 5px ;}</p> <p ># musicListTitle {font-size: 13px; width: 100%; height: 20px; background-Color: # C5FFC5; padding: 3px; font-weight: bold ;}</p> <p> # musicList a {text-decoration: none; width: 100%; height: 20px; line-height: 20px; font-szie: 20px; line-height: 20px; padding-top: 5px; padding-l Eft: 10px ;}</p> <p> # musicList a: hover {background-Color: # E5FFE5 ;} </style> <p> <table id = "table01"> <tr> <td> <object classid = "clsid: 22D6F312-B0F6-11D0-94AB-0080C74C7E95 "id =" MediaPlayer1 "width =" 286 "height =" 225 "standby =" Loading Windows Media Player components... "type =" application/x-oleobject "> <param name =" AudioStream "value ="-1 "> <param name =" AutoSize "value ="-1 "> <! -- Whether to automatically adjust the playback size --> <param name = "AutoStart" value = "0"> <! -- Automatic playback? --> <param name = "AnimationAtStart" value = "-1"> <param name = "AllowScan" value = "-1"> <param name = "AllowChangeDisplaySize "value ="-1 "> <param name =" AutoRewind "value =" 0 "> <param name =" Balance "value =" 0 "> <! -- Left-right channel balance, leftmost-9640, rightmost 9640 --> <param name = "BaseURL" value> <param name = "BufferingTime" value = "15"> <! -- Buffer time --> <param name = "CaptioningID" value> <param name = "ClickToPlay" value = "-1"> <param name = "CursorType" value = "0"> <param name = "CurrentPosition" value = "0"> <! -- The current playback progress-1 indicates that the playback progress remains unchanged. 0 indicates that the start unit is seconds. For example, 10 indicates that the playback starts from 10th seconds, the value must be-1.0 or greater than or equal to 0 --> <param name = "CurrentMarker" value = "0"> <param name = "DefaultFrame" value> <param name = "DisplayBackColor" value = "0"> <param name = "DisplayForeColor" value = "16777215"> <param name = "DisplayMode" value = "0"> <param name = "DisplaySize" value = "0"> <! -- Video 1-50%, 0-100%, 2-200%, 3-full screen, other values for 0 processing, the decimal number is rounded to the nearest integer and then processed by the forward --> <param name = "Enabled" value = "-1"> <param name = "EnableContextMenu" value = "-1"> <param name = "EnablePositionControls" value = "-1"> <param name = "EnableFullScreenControls" value = "-1"> <param name = "EnableTracker" value = "-1"> <! -- Whether to pull the playback progress bar to any place --> <param name = "Filename" value = "" valuetype = "ref"> <param name = "InvokeURLs" value = "- 1 "> <param name =" Language "value ="-1 "> <param name =" Mute "value =" 0 "> <! -- Mute? --> <param name = "PlayCount" value = "10"> <! -- Indicates the number of replay times. 0 indicates the number of replay times. --> <param name = "PreviewMode" value = "-1"> <param name = "Rate" value = "1"> <! -- Playback speed: 1.0-2.0 times --> <param name = "SAMILang" value> <param name = "SAMIStyle" value> <param name = "SAMIFileName" value> <! -- Select simultaneous playback (companion sound)> <param name = "SelectionStart" value = "-1"> <param name = "SelectionEnd" value = "-1"> <param name = "SendOpenStateChangeEvents" value = "-1"> <param name = "SendWarningEvents" value = "-1"> <param name = "SendErrorEvents" value = "-1"> <param name = "SendKeyboardEvents "value =" 0 "> <param name =" SendMouseClickEvents "value =" 0 "> <param name =" SendMouseMoveEvents "value =" 0 "> <param name =" SendPlayStateChangeEvents "Value ="-1 "> <param name =" ShowCaptioning "value =" 0 "> <! -- Whether to display subtitles. It is a piece of black, and a large piece of black is displayed below. --> <param name = "ShowControls" value = "-1"> <! -- Display control, such as playing, stopping, and pausing --> <param name = "ShowAudioControls" value = "-1"> <! -- Display volume control --> <param name = "ShowDisplay" value = "0"> <! -- Display program information, such as copyright --> <param name = "ShowGotoBar" value = "0"> <! -- A box with the following arrows --> <param name = "ShowPositionControls" value = "-1"> <! -- Whether to display forward, backward, and list. If displayed, it is usually gray and uncontrollable --> <param name = "ShowStatusBar" value = "-1"> <! -- Current playback information, indicating whether the video is being played, total playback time, and current playback time --> <param name = "ShowTracker" value = "-1"> <! -- Whether to display the current playback trace, that is, the current playback progress bar --> <param name = "TransparentAtStart" value = "-1"> <param name = "VideoBorderWidth" value = "0"> <! -- The width of the display part. If the value is smaller than the video width, the minimum value is the video width, or the video width is increased to the specified value and the height is automatically increased. this change only changes the size of the black box around the video, without changing the video size --> <param name = "VideoBorderColor" value = "0"> <! -- Display the color of the black box, which is an RGB value, for example, ffff00 is yellow --> <param name = "VideoBorder3D" value = "0"> <param name = "Volume" value = "0"> <! -- Volume size. A negative value indicates the impairment of the current volume. The value automatically takes the absolute value. The maximum value is 0 and the minimum value is-9640, maximum 0 --> <param name = "WindowlessVideo" value = "0"> <! -- If it is 0, full screen is allowed; otherwise, it can only be viewed in the window --> </object> </td> <td> Play List: <select id = "playList" size = "2" ondragover = "playList_dragOver ();" ondragenter = "playList_dragEnter ();" ondrop = "playList_drop (); "onkeydown =" playList_keyDown (); "ondblclick =" playList_dblClick (); "> </select> </td> </tr> </table> All Music <p> night song-Jay Chou </p> <p> note-Zhou bichang </p> <p> do not love-Pan baibai </p> <p> send like snow-Jay Chou </p> <pr/> Tips: drag a song to the playing list <p>