如何將Youtube影片轉成部落背景樂_霝兒－小君的友情世界

關於背景樂播放霝兒習慣自行下載上傳

霝兒存放的音樂空間為XUITE 以下為網址連結歡迎大家參觀

http://cht.tw/x/hospw

有時會懶的上傳只好在Youtube尋找

但Youtube的音樂語法擷取與XUITE有異

此時只得稍做修改才行

方法其實很簡單

首先放張圖讓大家了解一下如何找出音樂語法

點小圖可看原圖

1. 按【分享】

2. 按【嵌入】

3. 顯示【整段音樂語法】

4. 可調整影片大小

這時我們將整段音樂語法複製

就拿這首田馥甄_你就不要想起我為例

http://www.youtube.com/watch?v=GsKbnsUN2RE

此影片的整段音樂語法如下:

而Youtube當音樂背景的播放語法為:

《以上寬高皆可任意設定 width="寬" height="高" 》

音樂網址怎找呢?

先看一下我們找到的整段音樂語法吧

以下就是擷取的音樂網址了

//www.youtube.com/embed/GsKbnsUN2RE

看到紅色embed了嗎? 只要將embed改成v就可以了

//www.youtube.com/v/GsKbnsUN2RE

《注意:是小寫的v喔》

使用背景音樂語法套用音樂網址後放置在HTML編輯欄中即可

背景音樂語法:

套用音樂網址後語法

附帶一提:

若只想純當背景樂而不想顯示螢幕的話

則將寬高各設定為1 即可

若要顯示的話請自訂寬高喔

延伸閱讀:

背景音樂與文章音樂錯開播放

引用語法如下：

<img src="http://imageshack.com/a/img20/8016/cc8n.gif" alt="" />
&nbsp;
關於背景樂播放 霝兒習慣自行下載上傳
霝兒存放的音樂空間為XUITE 以下為網址連結 歡迎大家參觀
<a href="http://cht.tw/x/hospw" target="_blank">http://cht.tw/x/hospw</a>
有時會懶的上傳 只好在Youtube尋找
但Youtube的音樂語法擷取與XUITE有異
此時只得稍做修改才行
方法其實很簡單
首先 放張圖讓大家了解一下 如何找出音樂語法
點小圖 可看原圖&nbsp;&nbsp;
<a href="http://i.imgur.com/SOTgWMC.jpg" target="_blank"><img style="zoom: 1; display: block; margin-left: auto; margin-right: auto;" src="http://i.imgur.com/y0jjbRA.jpg" alt="" width="600" height="372" border="0" /></a>
&nbsp;
&nbsp;1. 按【分享】
2. 按【嵌入】
3.&nbsp; 顯示【整段音樂語法】
4. 可調整影片大小
這時 我們將整段音樂語法複製 
就拿這首田馥甄_你就不要想起我為例
<a href="http://www.youtube.com/watch?v=GsKbnsUN2RE" target="_blank">http://www.youtube.com/watch?v=GsKbnsUN2RE</a>
此影片的整段音樂語法如下:
&lt;iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
而Youtube當音樂背景的播放語法為:
&lt;embed allowscriptaccess="never"&nbsp; src="音樂網址&amp;rel=1&amp;autoplay=1" type="application/x-shockwave-flash" width="自設" height="自設"&gt;&lt;/embed&gt;
《以上寬高皆可任意設定 width="寬"&nbsp;height="高" 》
音樂網址怎找呢?
先看一下我們找到的整段音樂語法吧
&lt;iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
以下就是擷取的音樂網址了&nbsp;
//www.youtube.com/embed/GsKbnsUN2RE
看到紅色embed了嗎? 只要將embed改成v就可以了
//www.youtube.com/v/GsKbnsUN2RE
《注意:是小寫的v喔&nbsp;》
使用背景音樂語法套用音樂網址後放置在HTML編輯欄中即可
背景音樂語法:
&lt;embed allowscriptaccess="never"&nbsp; src="音樂網址&amp;rel=1&amp;autoplay=1" type="application/x-shockwave-flash" width="自設" height="自設"&gt;&lt;/embed&gt;
套用音樂網址後語法
&lt;embed allowscriptaccess="never"&nbsp; src="//www.youtube.com/v/GsKbnsUN2RE&amp;rel=1&amp;autoplay=1" type="application/x-shockwave-flash" width="560" height="315"&gt;&lt;/embed&gt;&nbsp;
<object style="display: block; margin-left: auto; margin-right: auto;" width="560" height="315" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowscriptaccess" value="never" /><param name="src" value="//www.youtube.com/v/GsKbnsUN2RE&amp;rel=1&amp;autoplay=1" /><embed style="display: block; margin-left: auto; margin-right: auto;" width="560" height="315" type="application/x-shockwave-flash" src="//www.youtube.com/v/GsKbnsUN2RE&amp;rel=1&amp;autoplay=1" allowscriptaccess="never" /></object>
<div style="text-align: center;">附帶一提:</div>
<div style="text-align: center;">&nbsp;</div>
<div style="text-align: center;">若只想純當背景樂 而不想顯示螢幕的話</div>
<div style="text-align: center;">&nbsp;</div>
<div style="text-align: center;">則將寬高各設定為1 即可</div>
<div style="text-align: center;">&nbsp;</div>
<div style="text-align: center;">若要顯示的話 請自訂寬高喔</div>
<div>&nbsp;</div>
<a href="http://e314520520.pixnet.net/blog/category/1816343"><img style="zoom: 1; display: block; margin-left: auto; margin-right: auto;" src="http://forever0423.myweb.hinet.net/aaa/9-9.gif" alt="" /></a>
&nbsp;
延伸閱讀:
<a href="http://e314520520.pixnet.net/blog/post/39414365" target="_blank">背景音樂與文章音樂錯開播放</a>
&nbsp;

本文引用自e314520520 - 如何將Youtube影片轉成部落背景樂_霝兒