Window Media Player 播放器-猿圈-程序猿的知识社区

<title>My HTML Player</title> 
<style> 
body { 
    overflow:auto; 
    font-size:12px; 
    cursor:default; 
}

#table01 { 
    font-size:12px; 
    background-Color:black; 
    color:white; 
    text-align:center; 
}

#playListTitle { 
    background-Color:#001122; 
    color:white; 
    font-size:12px; 
    font-weight:bold; 
    width:100%; 
    h<i class="xxXDho"><a href="http://www.cppcns.com" title="编程客栈" target="_blank">编程客栈</a></i>eight:16px; 
    padding:2px; 
}

#playList { 
    width:150px; 
    height:225px; 
    margin:0px; 
    font-size:12px; 
    background-Color:black; 
    color:white; 
}

#musicList { 
    width:200px; 
    border:buttonface 4px<i class="AEvDl"><a href="http://www.cppcns.com" title="编程" target="_blank">编程</a>客栈</i> groove; 
    height:80px; 
    position:absolute; 
    right:5px; 
    top:5px; 
}

#musicListTitle { 
    font-size:13px; 
    width:100%; 
    height:20px; 
    background-Color:#C5FFC5; 
    padding:3px; 
    font-weight:bold; 
}

#musicList a { 
    text-decoration:none; 
    width:100%; 
    height:20px; 
    line-height:20px; 
    font-szie:20px; 
    line-height:20px; 
    padding-top:5px; 
    padding-left:10px; 
}

#musicList a:hover { 
    background-Color:#E5FFE5; 
} 
</style> 
<script>

function playList_dragOver(){ 
    event.returnValue=false; 
}

function playList_dragEnter(){ 
    event.returnValue=false; 
    event.dataTransfer.dropEffect='link'; 
}

function addMusic(){ 
    if(event.srcElement.tagName=='A'){ 
        strTxt=event.srcElement.innerText; 
        strURL=event.srcElement.href; 
        playList.innerHTML=""; 
        playList.options[0]=new Option(strTxt,strURL); 
        playList.options[0].selected=true; 
    } 
    event.returnValue=false; 
     
    playList_dblClick(); 
    return(false); 
}

function playList_drop(){ 
    strTxt=unescape(event.dataTransfer.getData('Text').split(":")[0]); 
    strURL=unescape(event.dataTransfer.getData('Text').split(":")[1]); 
    playList.options[playList.options.length]=new Option(strTxt,strURL); 
}

function playList_dblClick(){ 
    MediaPlayer1.detachEvent("PlayStateChange",checkPlayStatus); 
    MediaPlayer1.fileName=playList.value; 
    MediaPlayer1.play(); 
    setTimeout('MediaPlayer1.play();MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus);',1000); 
}

function musicList_dragStart(){ 
    if(event.srcElem<i class="xxXDho">编程客栈</i>ent.tagName=='A'){ 
        event.dataTransfer.setData('Text',escape(event.srcElement.innerText)+":"+escape(event.srcElement.href)); 
    }else{ 
        return(false); 
    } 
}

function init(){ 
    MediaP<span class="AEvDl">编程客栈</span>layer1.AutoRewind=false; 
    MediaPlayer1.AutoStart=true; 
    MediaPlayer1.SendPlayStateChangeEvents=true; 
    MediaPlayer1.attachEvent("PlayStateChange",checkPlayStatus); 
}

<div id="musicList" ondragstart="musicList_dragStart();"> 
<div id="musicListTitle">All Music</div> 
夜曲 - 周杰伦
 
笔记 - 周笔畅
 
不得不爱 - 潘玮柏
 
发如雪 - 周杰伦
 
<hr> 
Tips: 把歌曲拖入播放列表 
</div> 
<div id="info"></div>

[Ctrl+A 全选注:如需引入外部js需刷新才能执行]

本文标题: Window Media Player 播放器

本文地址: http://www.cppcns.com/wangluo/webplayer/28280.html

菜单 学习猿地 - LMONKEY

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

Java开发工程师

何以解忧，唯有 Java！

Python开发工程师

人生苦短我要学Python！

PHP开发工程师

PHP是世界上最好的编程语言!

GO开发工程师

想优雅的写程序，赶紧GO!

大数据开发工程师

弄大数据，就是在搞革命!

前端开发工程师

不仅最好，而且最全!

UI开发工程师

这个世界从来不缺少美，缺少你来创造美!

Linux运维工程师

不只是说说而已！

WEB前端1+X

不仅为考证，轻松做开发

计算机二级（C语言）

一切只为考证！

猿工手册

各种工具精挑细选

猿材料

各种工具精挑细选

猿代码

各种工具精挑细选

猿著课件

各种工具精挑细选

知识题库

知识闯关节节高，刷题涨知识！

阶段练习

单元测试知识学习状况秒掌握！

期末考试

期末测试，学习情况即刻知道！

面试题库

最新的企业技术人员招聘真题练习！

Java专区

2948篇 ｜ 24.5万人浏览

Python专区

2593篇 ｜ 19.5万人浏览

大数据专区

2948篇 ｜ 18.5万人浏览

PHP专区

3953篇 ｜ 27.5万人浏览

Go专区

1382篇 ｜ 12.5万人浏览

Web前端专区

1453篇 ｜ 31.5万人浏览

Linux云计算

1230篇 ｜ 4.5万人浏览

其他专区

53232篇文章 ｜ 11.5万人浏览

搜索

历史记录 清除记录

近期热搜

项目开发全程实录（电商EW_Shop）

8678 人 1年前

轻松学会Laravel-项目篇（商城API）

2022 人 1年前

Python数据分析2.0-金融

325 人 1年前

Python办公自动化2.0

241 人 1年前

使用账号登录

启用更安全省心的  微信登录

Java开发工程师

何以解忧，唯有 Java！

Python开发工程师

菜单学习猿地 - LMONKEY

尊享10项VIP特权持续新增

2948篇｜ 24.5万人浏览

2593篇｜ 19.5万人浏览

2948篇｜ 18.5万人浏览

3953篇｜ 27.5万人浏览

1382篇｜ 12.5万人浏览

1453篇｜ 31.5万人浏览

1230篇｜ 4.5万人浏览

53232篇文章｜ 11.5万人浏览

历史记录清除记录

2948篇｜ 24.5万人浏览

2593篇｜ 19.5万人浏览

2948篇｜ 18.5万人浏览

3953篇｜ 27.5万人浏览

1382篇｜ 12.5万人浏览

1453篇｜ 31.5万人浏览

1230篇｜ 4.5万人浏览

53232篇文章｜ 11.5万人浏览