標題: 【网页制作】用视频做网页的背景音乐
rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3959
發表於 2013-7-1 21:33 
14.136.99.29
分享  私人訊息  頂部

用视频做网页的背景音乐

       做音画帖时,基本上都要放上背景音乐,一般都是用 mp3 或者 wma 格式的音乐文件,需要什么歌曲一般就去百度搜一下,然后把歌曲链接地址放进网页里,这样的歌曲一两天也许可以听,但是没过几天就失效了。(幸运的话时间也许能长点)。自己有网站空间的就把音乐文件上传到自己的空间,这样稳定是稳定了,但是歌曲文件是很占流量的,听的人一多的话,你这网站马上就挂了。

今天介绍一下如何用视频网站的视频做背景音乐的方法。

这里用的视频是优酷网站的视频,http://youku.com 随便在哪找个视频,电影的都可以,当然我们要拿来做背景音乐嘛,就选歌曲的,在那网站搜一下你要的歌曲名,比如这个:
http://v.youku.com/v_show/id_XNjA1NDYwMDQ=.html

把这个网址的 http://v.youku.com/v_show/id_和=.html去掉,我们只需要XNjA1NDYwMDQ这个。(红色那部分)

然后把它插入下面的代码中:



<SCRIPT language=JavaScript> <!-- url ="XNjIyNTg4NzY"; //--> </SCRIPT> <script language="JavaScript" type="text/JavaScript"> <!-- function addFlash(url,w,h){ document.write('<embed type="application/x-shockwave-flash" src="http://static.youku.com/v1.0.0189/v/swf/qplayer.swf" id="movie_player" name="movie_player" bgcolor="#FFFFFF" quality="high" allowfullscreen="true" flashvars="isShowRelatedVideo=false&showAd=0&show_pre=1&show_next=1&VideoIDS='+url+'&isAutoPlay=true&isDebug=false&UserID=&winType=interior&playMovie=true&MMControl=false&MMout=false&RecordCode=1001,1002,1003,1004,1005,1006,2001,3001,3002,3003,3004,3005,3007,3008,9999" pluginspage="http://www.macromedia.com/go/getflashplayer" width="'+w+'" height="'+h+'">'); } --> </script> <script language="javascript" type="text/javascript">addFlash(url,'300','240');</script>


rainbow
註冊會員

帖子 4340
註冊 2013-7-1
用戶註冊天數 3959
發表於 2013-7-1 21:35 
14.136.99.29
说明:

就是用楼上的红色那部分替换下面黑色下划线的那部分
<SCRIPT language=JavaScript>
<!--
url ="XNjIyNTg4NzY";
//-->
</SCRIPT>

注意:替换的时候不要把两边的双引号也替换掉!

你也可以调整视频的宽和高
<script language="javascript" type="text/javascript">addFlash(url,'300','240');</script>
300是宽 240是高
都为0的话这个视频就看不见了
那就是真正意义上的背景音乐了

替换好后把代码放到网页中你要的位置就可以了

这个方法的原理是利用优酷自己的播放器http://static.youku.com/ ... swf/qplayer.swf来调用的,所以能自动播放,这里介绍的方法只限于优酷的视频,其它的比如56 新浪 土豆什么的就要用到其它的JS代码才能调用了,这里就不再多说了。