济宁网站建设流程,三亚房产网站开发,wordpress 电影下载站源码,个人网站建设研究意义H5中的标签(audio…/ 和 video…/)对于JS中的HTMLAudioElement对象和HTMLVideoElement对象 对象有以下几个方法: play(): 播放 pause(): 暂停播放 load(): 重新装载音频、视频 canPlayType(type): 判断该元素可播放type类型的音频、视频
下面是一个简单的音乐…H5中的标签(audio…/ 和 video…/)对于JS中的HTMLAudioElement对象和HTMLVideoElement对象 对象有以下几个方法: play(): 播放 pause(): 暂停播放 load(): 重新装载音频、视频 canPlayType(type): 判断该元素可播放type类型的音频、视频
下面是一个简单的音乐播放器
title音乐播放器/title
/head
bodyh2 音乐播放器 /h2select idtypeSel stylewidth:160pxoption valuesequence顺序播放/optionoption valuerandom随机播放/option/selectbr /audio idplayer controls您的浏览器不支持audio元素/audioscript typetext/javascriptvar musics [demo1.ogg,bomb.ogg,arrow.ogg,love.ogg,song.ogg,];var index 0;var palyType;window.onload function(){var typeSel document.getElementById(typeSel);typeSel.onchange function(){window.playType typeSel.value;}var player document.getElementById(player);player.src musics[index];player.onended function (){if(playType random){index Math.floor(Math.random() * musics.length);palyer.src musics[index];}else{player.src musics[index %musics.length];}player.play();}}/script /body
/html参考《疯狂HTML5 CSS3 JavaScript讲义》(第2版) P141~P142
