⑴ html代碼問題 怎麼在html文件中插入音樂播放器啊
HTML代碼中插入音樂播放器,大致有四種風格,代碼如下:
白色普回通播放器代答碼:
<EMBEDheight=45type=audio/mpegwidth=300src=音樂地址volume="0"loop="-1"></EMBED>
黑色播放器代碼:
<EMBEDstyle="FILTER:Xray"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
灰色播放器代碼:
<EMBEDstyle="FILTER:Gray"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>
棕色播放器代碼:
<EMBEDstyle="FILTER:Invert"src=音樂地址width=300height=45type=audio/mpegloop="-1"volume="0"></EMBED>註:代碼中SRC對應音樂地址、width和height控制播放器的大小、volume="0" 表示設定的音量大小,數值大小在0--100之間 、 loop="-1" 表示循環播放 。
⑵ 如何在html頁面弄一個音樂播放器現在這么寫播放框就是個靜態圖片。
你好,用html寫播放器,可以用audio標簽啊。
樣式的話用圖片來處理。通過js來控制各種操作。
有問題可以追問,我有類似的例子。如果需要可以發你參考,留下聯-系的方式吧~
⑶ 用記事本製作網頁怎麼插入背景和背景音樂
1、給整個網頁添加純顏色背景
<body bgcolor="#000000"> 在引號中換成想要的顏色數值即可
2、給網頁添加圖片專背景
<body background="images/123P.jpg"> 引號中填寫要添加的圖屬片路徑
3、給表格添加背景圖片
<table width="1200" background="images/123P.jpg"> 引號中填寫要添加的圖片路徑 <tr>
<td>添加背景圖片</td>
</tr>
</table>
4、給某個模塊添加背景圖片
<div style="background="images/123.JPG""> 引號中填寫要添加的圖片路徑
添加背景圖片
</div>
5、插入背景音樂
<embed src="小蘋果.mp3" width=300 height=120 type=audio/mpeg loop="true" autostart="true">
代碼說明:
width和height表示播放器寬度和高度;
autostart="true"表示自動播放,為"false"表示不自動播放; loop="true"表示連續循環播放,loop="false"表示不循環播放; loop也可以設為一個整數,比如loop="3",表示音樂循環播放3次。
⑷ HTML5+css怎麼用盒子給音樂播放器做造型!!!
<!Doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>MUSIC</title>
<styletype="text/css">
*{margin:0px;padding:0px;}
#bg{position:absolute;top:0px;left:0px;background:url("./img/bg_1.jpg");background-size:cover;height:100%;width:100%;overflow:hidden;}
#music_icon{position:fixed;top:10px;right:10px;background:url("./img/music_icon.png");background-size:cover;height:55px;width:55px;}
#music_board{height:500px;width:400px;background:#999;margin:10%auto;border-radius:12px;box-shadow:0px0px15px#222;display:none;}
#music_gif{height:280px;width:380px;position:relative;top:20px;left:10px;background:url("./img/music_5.gif");background-size:cover;}
#music_control{text-align:center;position:relative;top:50px;color:rgb(255,255,255);font-size:1.5em;}
#control{margin-top:45px;width:100%;height:70px;text-align:center;}
</style>
</head>
<body>
<audioid="music"src="./mp3/xinxiangan.mp3"loop="loop"></audio>
<divid="bg">
<divid="music_icon"onclick="show_music_board()"></div>
<divid="music_board">
<divid="music_gif"></div>
<divid="music_control">MUSICBOARD
<divid="control">
<imgid="control_img"src="./img/pause_button.png"height="60px"onclick="music_control()">
</div>
</div>
</div>
</div>
<scripttype="text/javascript">
varmusic=document.getElementById("music");//建立audiod對象
varcontrol_img=document.getElementById("control_img");//建立播放按鈕圖片對象,為了更好的操作
varmusic_board=document.getElementById("music_board");//建立music面板的對象,為了更好的操作
varlock=false;//設置一個布爾變數,用於判斷音樂的播放與暫停
functionmusic_control(){//音樂開始與暫停
if(lock==false){
music.play();
control_img.setAttribute("src","./img/pause_button.png");
lock=true;
}
else{
music.pause();
control_img.setAttribute("src","./img/play_button.png");
lock=false;
}
}
functionshow_music_board(){//music面板的顯現與展示
if(music_board.style.display=="none"){music_board.style.display="block";
lock=false;
music_control();
}
else{
music_board.style.display="none";
lock=true;
music_control();
}
}
</script>
</body>
</html>
⑸ 用記事本寫html代碼,如何實現插入背景音樂
在頁面代碼中的<style></style>之間加入<bgsound src="音樂url" loop="-1"> 這段代碼。
在這里要說的是,「loop」中的數值是音樂循環的內次數,可設置容為任意正整數,若設為「-1」的話,音樂將永遠循環。
這種背景音樂是打開葉子後直接播放的,在網頁上不會有顯示
⑹ 誰有最簡單的html 背景音樂播放器代碼
<audio src="1.mp3"></audio>
⑺ 用記事本寫HTML可以添加背景音樂嗎怎樣添加呢
其他編輯器可以,記事本就可以!說白了。都是一個東西。
⑻ 幾種不同顏色的html音樂播放器代碼,wordpress直接可用
我想很多朋友在使用Kindeditor編輯器的時候都會遇到這樣一個問題,如:給A標簽加上title屬性回過後,瀏覽的時候,答卻神奇般地發現title屬性沒有了。再次切換html源代碼的時候,返現編輯器將title屬性給刪掉了。追究其根本原因主要是kindeditor設置了標簽和屬性的默認過濾機制。
一、如何控制kindeditor編輯器不過濾任何標簽
二、如何設置Kindeditor編輯器只保留某些標簽和屬性
面對這樣一個問題,我們可以通過設置其htmlTags屬性來得以實現。htmlTags指定要保留的HTML標記和屬性。Object的key為HTML標簽名,value為HTML屬性數組,開始的屬性表示style屬性。
定義每個標簽的保留屬性,記住形如這樣的類型font-size'主要是表示其屬於標簽內的style屬性內的樣式。形如src這一類的,就表示標簽的直接屬性。
⑼ 要怎麼給HTML的音樂播放器添加背景圖片
參考如下:
載入音樂基本語法:
<*EMBED SRC=\"音樂文件地址\">
常用屬性如下:
SRC=\"FILENAME\" 設定音樂文件的路徑
AUTOSTART=TRUE/FALSE 是否要音樂文件傳送完就自動播放,TRUE是要,FALSE是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數,LOOP=6表示重復6次,TRUE表示無限次播放,FALSE播放一次即停止。
STARTIME=\"分:秒\" 設定樂曲的開始播放時間,如20秒後播放寫為STARTIME=00:20
VOLUME=0-100 設定音量的大小。如果沒設定的話,就用系統的音量。
WIDTH HEIGHT 設定控制面板的大小
HIDDEN=TRUE 隱藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 設定控制面板的樣子
例:
<*EMBED SRC=\"midi.mid\" autostart=true hidden=true loop=true>
作為背景音樂來播放,隱藏了播放器。
說明:一般用來插入mp3 rm ra ram asf mid等音樂文件,如果要隱藏播放器,把width和height的數值改成0或者1就可以了。
插入背景圖片
原代碼如下:
<TABLE align=center background=\"帖子背景圖\" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width=\"100%\"><TBODY><TR><TD>
帖子內容,文字或圖片.....
</TD></TR></TBODY></TABLE>
<TABLE> 的參數設定(常用):
<table width=\"400\" border=\"1\" cellspacing=\"2\" cellpadding=\"2\" align=\"CENTER\" valign=\"TOP\" background=\"myweb.gif\" bgcolor=\"#0000FF\" bordercolor=\"#CF0000\" bordercolorlight=\"#00FF00\" bordercolordark=\"#00FFFF\" cols=\"2\">
註解:
width=\"400\"
表格寬度,接受絕對值(如 80)及相對值(如 80%)。
border=\"1\"
表格邊框的厚度,不同瀏覽器有不同的內定值,故請指明。
cellspacing=\"2\"
表格格線的厚度
align=\"CENTER\"
表格的擺放位置(水平),可選值為: left, right, center
valign=\"TOP\".
表格內內容的對齊方式(垂直),可選值為: top, middle, bottom。
background=\"myweb.gif\"
表格的背景圖片,與 bgcolor 不要同用。
bgcolor=\"#0000FF\"
表格的底色,與 background 不要同用
bordercolor=\"#CF0000\"
表格邊框顏色
bordercolorlight=\"#00FF00\"
表格邊框向光部分的顏色
bordercolordark=\"#00FFFF\"
表格邊框背光部分的顏色,使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。
cols=\"2\"
表格欄位數目,只是讓瀏覽器在下載表格時先畫出整個表格而已。