五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > js(jquery)控制 midea player 播放器(控制頁面音樂播放)

js(jquery)控制 midea player 播放器(控制頁面音樂播放)

文章來源:365jz.com     點擊數(shù):3075    更新時間:2015-09-16 20:11   參與評論

以下為原碼(我調(diào)用的是本地的文件):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>   //這里導(dǎo)入的一個jQuery
<script type="text/javascript">
 //得到所有的歌曲
 var songList = $("#SongList");
 var player = $("#player");
 
 //這個函數(shù)用于播放歌曲
 function playMusic(url){
  var Exobud = document.getElementById("player");    //得到播放器(object對象)
  Exobud.URL = url;                                                      //改變播放器的URL地址
  Exobud.controls.play();                                             //播放音樂
  showTLab();                  
 }
 
 //初始第一首歌
 $(function(){
  var url = $("#SongList>option:first").attr("value");
  //第一首歌的狀態(tài)設(shè)置為選擇
  $("#SongList>option:first").attr( "selected","true" );
  playMusic(url);
  })
 
 
 //雙擊換歌
 $(function(){
  $("#SongList").dblclick(function(){
   var url = $("#SongList>option:selected").attr("value");
   playMusic(url);
  });    
 })
 
 //下一首換歌
 $(function(){
  $("#nextAId").click(function(){
   var url = $("#SongList>option:selected+option").attr("value");
   $("#SongList>option:selected+option").attr("selected","true");
   playMusic(url);      
   });   
  })
 
 //上一首換歌
 $(function(){
  // alert($("#upAId").html());
  $("#upAId").click(function(){
   // alert($("#SongList>option:selected").prev("option").attr("value"));
   var url = $("#SongList>option:selected").prev("option").attr("value");
   //$("#SongList>option:selected").attr("selected","true");
   $("#SongList>option:selected").prev("option").attr("selected","true");
   playMusic(url);   
   });   
  })
 
 //一直監(jiān)控?fù)Q歌 的情況
  function showTLab(){
  var Exobud = document.getElementById("player");
    if(Exobud.playState == 1)
    {
   var url = $("#SongList>option:selected+option").attr("value");
   $("#SongList>option:selected+option").attr("selected","true");
   playMusic(url);      
    }
    setTimeout("showTLab()", 1000);
        }

</script>
</head>

<body>
<div id="myDiv">
</div>
<br />
<!-- 以下是要播放的歌曲-->
<select id="SongList" name="SongList" size="5" style="width:100%" >
  <option value="music/01.生生世世愛.mp3">生生世世愛</option>
  <option value="music/02.忘記時間.mp3">忘記時間</option>
  <option value="music/03.此生不換.mp3">此生不換</option>
  <option value="music/05.答應(yīng)不愛你.mp3">答應(yīng)不愛你</option>
  <option value="music/06.偏愛.mp3">偏愛</option>
  <option value="music/cc.wmv">東搞西搞</option>
</select>
<br />
<object id="player" height="266" width="360" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自動播放;0則不自動播放-->
<param NAME="Balance" VALUE="0">
<!--調(diào)整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1">
<!--播放器是否可人為控制;0是人為不能控件-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否啟用上下文菜單-->
<param NAME="url" value="music/06.偏愛.mp3">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次數(shù)控制,為整數(shù)-->
<param name="rate" value="1">
<!--播放速率控制,1為正常,允許小數(shù),1.0-2.0-->
<param name="currentPosition" value="0">
<!--控件設(shè)置:當(dāng)前位置-->
<param name="currentMarker" value="0">
<!--控件設(shè)置:當(dāng)前標(biāo)記-->
<param name="defaultFrame" value="">
<!--顯示默認(rèn)框架-->
<param name="invokeURLs" value="0">
<!--腳本命令設(shè)置:是否調(diào)用URL-->
<param name="baseURL" value="">
<!--腳本命令設(shè)置:被調(diào)用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默認(rèn)聲音大小0%-100%,50則為50%-->
<param name="mute" value="0">
<!--是否靜音-->
<param name="uiMode" value="Full">
<!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--開始播放是否自動全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否啟用錯誤提示報告-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
<br />
<a href="#" id="upAId">on</a>
<a href="#" onclick="javascript:Last_OneOK();">last</a>
<a href="#" id="nextAId"">next</a>

<br />
</body>
</html>

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答!! 點擊進入論壇

發(fā)表評論 (3075人查看0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號