蘋果立方

很隨興的喜歡什麼寫什麼
美妝保養、貓咪、電影、插畫、零食、穿搭攝影
還有一些關於杉葉跟自己的日記。
Follow Me / 連絡與合作

一、解說 (把Youtube崁入Pixnet(網頁)的語法)

剛剛為了要把音樂崁進我的部落格,稍微找了些方法,

結果可以用的網站(隨意窩、天空) 找不到我要的音樂,只好從Youtube匯入

(這是我找到的外連教學:如何用隨意窩、天空和自行上傳from李老師的部落格)

 

結果youtube語法是提供影片,結果匯入又是千辛萬苦,

因為不是專業的,所以手動修改了之後就只剩下奇怪的播放區塊....

就繼續的查查找找,

終於用出個所以然,在這裡整理成一篇,日後大家(或我...)會比較好找到。

>>>語法<<<

把Youtube放入網頁之後可以縮成迷你尺寸的語法如下,但缺點是音樂不會自動播放,

所以我整理融合了兩篇(外連教學:如何把youtube崁入網站 by ) (外連教學:如何讓影片自動播放 from夢想的遠方)

 

<div style="position:relative;width:267px;height:25px;overflow:hidden;">
  <div style="position:absolute;top:-276px;left:-5px">
    <iframe width="300" height="300" 
      src="https://www.youtube.com/embed/youtubeID?rel=0&autoplay=1">
    </iframe>
  </div>
</div>


(&autoplay=1
是自動播放的語法)

上面的語法只要把youtubeID這串英文 置換 影片ID 就可以了

影片ID的找法為按下 影片下方  的 分享

會出現網址http://youtu.be/XXXXXX
後面的XXXXX即為影片ID!

>>>痞客幫要崁入的話就到管理後台裡的側邊攔位設定新增板位就可以外連音樂了

但要注意的是語法只是把影片切掉,不代表消失,所以還是一樣會降低電腦效能~

--

二、推薦(多選擇性不會重置的音樂語法)

不會重置的音樂播放網頁

http://playlist.me/

點進去後裡面選項有songs skins player

分別是歌手(我不確定這個,點進去顯示亂碼QQ)、歌曲 、播放器造型 和最後轉成語法的 播放器(區?)
 PeopleSongsSkins
 

歌曲(songs)
裡面是連結youtube的音樂,可以納入曲目,不過有些youtube的音樂還是找不到(不過沒關係後面還可以處理這個問題),重點是!他們使用了人氣作為指標提供參考,很方便阿!

造型(skins)這應該不用多說,有會員設計的播放器造型,選擇之後就會自動置入你之後的語法裡面了,就不用擔心歌單被洗掉直接按下去吧。

SDF

(偷渡幾個SKINS)

  
步驟到了player區,會看到很多播放器的skin,如果你前面心有所屬,這個區塊就不用再重複點選,轉到playlist確認一下,同時也可以在這裡加歌唷~


然後就可以到final setting(如下圖)
PLAYBACK
Auto Play (自動播放)
Shuffle Playback (隨機播放)
Default Volume (自訂音量)     50%
Repeat Mode (重播模式)
APPEARENCE (外觀)
Placement of Player Bar (播放器放置位置)
Show Playlist by Default (於右側顯示清單)



把選項勾好語法就會出現了~

希望可以幫助到大家,如果有問題的話可以留言問我噢~
文章標籤
創作者介紹

蘋果立方

Yvonne 發表在 痞客邦 PIXNET 留言(1) 人氣()


留言列表 (1)

發表留言
  • ted820525
  • 很好用喔!感謝教學!!
  • 謝謝~能幫到忙就好!!!!
    每次在找疑難雜症時 看到別人有寫教學文都超感謝的XD
    所以自己如果有了解也想貢獻一下哈哈~

    Yvonne 於 2015/02/02 21:48 回覆

找更多相關文章與討論