如何將Youtube影片轉成部落背景樂_霝兒

 

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

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

http://cht.tw/x/hospw

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

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

此時只得稍做修改才行

方法其實很簡單

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

點小圖 可看原圖  

 

 1. 按【分享】

2. 按【嵌入】

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

4. 可調整影片大小

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

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

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

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

<iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen></iframe>

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

<embed allowscriptaccess="never"  src="音樂網址&rel=1&autoplay=1" width="自設" height="自設"></embed>

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

音樂網址怎找呢?

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

<iframe width="560" height="315" src="//www.youtube.com/embed/GsKbnsUN2RE" frameborder="0" allowfullscreen></iframe>

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

//www.youtube.com/embed/GsKbnsUN2RE

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

//www.youtube.com/v/GsKbnsUN2RE

《注意:是小寫的v喔 》

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

背景音樂語法:

<embed allowscriptaccess="never"  src="音樂網址&rel=1&autoplay=1" width="自設" height="自設"></embed>

套用音樂網址後語法

<embed allowscriptaccess="never"  src="//www.youtube.com/v/GsKbnsUN2RE&rel=1&autoplay=1" width="560" height="315"></embed> 

 

延伸閱讀:

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

 

引用語法如下：  
<p style="text-align: center;"><span style="font-size: 12pt;"><img src="http://imageshack.com/a/img20/8016/cc8n.gif" alt="" /></span></p> <p style="text-align: center;">&nbsp;</p> <p style="text-align: center;"><span style="font-size: 12pt;">關於背景樂播放 霝兒習慣自行下載上傳</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">霝兒存放的音樂空間為XUITE 以下為網址連結 歡迎大家參觀</span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 12pt;"><a href="http://cht.tw/x/hospw" target="_blank"><span style="color: #ff0000;">http://cht.tw/x/hospw</span></a></span></p> <p style="text-align: center;"><span style="font-size: 12pt;">有時會懶的上傳 只好在Youtube尋找</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">但Youtube的音樂語法擷取與XUITE有異</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">此時只得稍做修改才行</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">方法其實很簡單</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">首先 放張圖讓大家了解一下 如何找出音樂語法</span></p> <p style="text-align: center;"><span style="font-size: 14pt;"><span style="font-size: 14pt;"><span style="background-color: #000000;"><span style="font-family: Arial; color: #ffffff;" lang="EN-US">點小圖 可看原圖</span></span>&nbsp;</span></span>&nbsp;</p> <p><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></p> <p>&nbsp;</p> <p style="text-align: center;"><span style="font-size: 12pt;">&nbsp;1. 按【分享】</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">2. 按【嵌入】</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">3.&nbsp; 顯示【整段音樂語法】</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">4. 可調整影片大小</span></p> <p style="text-align: center;"><span style="font-size: 12pt;">這時 我們將整段音樂語法複製 </span></p> <p style="text-align: center;"><span style="font-size: 12pt;">就拿這首<span style="color: #ff0000;">田馥甄_你就不要想起我</span>為例</span></p> <p style="text-align: center;"><span style="font-size: 12pt;"><a href="http://www.youtube.com/watch?v=GsKbnsUN2RE" target="_blank">http://www.youtube.com/watch?v=GsKbnsUN2RE</a></span></p> <p style="text-align: center;"><span style="font-size: 12pt;">此影片的整段音樂語法如下:</span></p> <p style="text-align: center;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">&lt;iframe width="560" height="315" src="//www.youtube.com/<span style="color: #000000;">embed</span>/GsKbnsUN2RE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;</span></span></span></span></p> <p style="text-align: center;"><span style="font-size: 12pt;">而<span style="color: #ff0000;">Youtube當音樂背景的播放語法</span>為:</span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;">&lt;embed allowscriptaccess="never"&nbsp; src="<span style="color: #ff0000;">音樂網址</span>&amp;rel=1&amp;autoplay=1" width="<span style="color: #ff0000;">自設</span>" height="<span style="color: #ff0000;">自設</span>"&gt;&lt;/embed&gt;</span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;">《以上寬高皆可任意設定 <span style="color: #ff0000;">width="寬"&nbsp;height="高</span>" 》</span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;">音樂網址怎找呢?</span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;">先看一下我們找到的整段音樂語法吧</span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-size: 12pt;">&lt;iframe width="560" height="315" src="//www.youtube.com/<span style="color: #000000;">embed</span>/GsKbnsUN2RE" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;</span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;">以下就是擷取的<span style="color: #ff0000;">音樂網址</span>了</span></span></span></span></span></span></span></span>&nbsp;</p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;">//www.youtube.com/<span style="color: #ff0000;">embed</span>/GsKbnsUN2RE</span></span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;">看到紅色<span style="color: #ff0000;">embed<span style="color: #000000;">了嗎? 只要將<span style="color: #ff0000;">embed<span style="color: #000000;">改成<span style="color: #ff0000;">v<span style="color: #000000;">就可以了</span></span></span></span></span></span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;">//www.youtube.com/<span style="color: #ff0000;">v</span>/GsKbnsUN2RE</span></span></span></span></span></span></span></span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #ff0000; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;">《注意:是小寫的v喔&nbsp;》</span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;">使用背景音樂語法<span style="font-family: Arial; color: #ff0000; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;">套用音樂網址後</span></span></span>放置在<span style="color: #ff0000;">HTML編輯欄</span>中即可</span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;">背景音樂語法:</span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;">&lt;embed allowscriptaccess="never"&nbsp; src="<span style="color: #ff0000;">音樂網址</span>&amp;rel=1&amp;autoplay=1" width="<span style="color: #ff0000;">自設</span>" height="<span style="color: #ff0000;">自設</span>"&gt;&lt;/embed&gt;</span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;">套用音樂網址後語法</span></span></span></p> <p style="text-align: center;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;"><span style="font-family: Arial; font-size: 12pt;">&lt;embed allowscriptaccess="never"&nbsp; src="<span style="font-family: Arial; font-size: 12pt;"><span style="font-size: 12pt;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="color: #ff0000;"><span style="color: #000000;"><span style="font-family: Arial; color: #000000; font-size: 12pt;"><span style="font-size: 12pt;">//www.youtube.com/<span style="color: #ff0000;">v</span>/GsKbnsUN2RE</span></span></span></span></span></span></span></span></span></span>&amp;rel=1&amp;autoplay=1" width="<span style="color: #ff0000;">560</span>" height="<span style="color: #ff0000;">315</span>"&gt;&lt;/embed&gt;</span></span></span></span>&nbsp;</p> <p><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" src="//www.youtube.com/v/GsKbnsUN2RE&amp;rel=1&amp;autoplay=1" allowscriptaccess="never" /></object></p> <div style="text-align: center;"><span style="font-size: 14pt;">附帶一提:</span></div> <div style="text-align: center;"><span style="font-size: 14pt;">&nbsp;</span></div> <div style="text-align: center;"><span style="font-size: 12pt;">若只想純當背景樂 而不想顯示螢幕的話</span></div> <div style="text-align: center;">&nbsp;</div> <div style="text-align: center;"><span style="font-size: 12pt;">則將寬高各設定為1 即可</span></div> <div style="text-align: center;">&nbsp;</div> <div style="text-align: center;"><span style="font-size: 12pt;">若要顯示的話 請自訂寬高喔</span></div> <div>&nbsp;</div> <p><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></p> <p>&nbsp;</p> <p style="text-align: center;"><span style="font-size: 12pt;">延伸閱讀:</span></p> <p style="text-align: center;"><span style="color: #ff0000; font-size: 14pt;"><a href="http://e314520520.pixnet.net/blog/post/39414365" target="_blank"><span style="color: #ff0000;">背景音樂與文章音樂錯開播放</span></a></span></p> <p style="text-align: center;">&nbsp;</p>