註冊登錄
伊莉討論區返回首頁

哈密瓜汽水http://www4565.eyny.com/?6055089[收藏][複製][分享][RSS]哈密~哈密~哈密瓜! by ╰(◕㉦◕)╯Ψ

日誌

*CSS* 在主頁設置youtube影片(新版)

熱度 187已有 13950 次閱讀2011-5-29 03:12 PM|個人分類:CSS|

由於YOUTUBE在近期換了分享鏈,
所以蠻多想放影片在主頁或日誌的人會有些不知所措,
其實那只是換湯不換藥,一切還是跟以前的一樣,
甚至更簡單喔!

新版的我認為字數較少,可以節省空間
所以推薦大家改用新版囉~

-------------------------------------------------------------------------------------------------------
舊版的位置可以直接拉到下方去看,以下先依照新版的方式:
步驟1           
首先按分享-->嵌入-->把程式碼擷取下來!


-------------------------------------------------------------------------------------------------------
步驟2    
擷取下來的程式碼
<iframe width="560" height="349" src="http://www.youtube.com/embed/qPMH6y4AzGM" frameborder="0" allowfullscreen></iframe>

先把"去掉             (p.s.注意不要刪到空格)
然後allowfullscreen也去掉
就變成 
<iframe width=560 height=349 src=http://www.youtube.com/embed/qPMH6y4AzGM frameborder=0 ></iframe>


-------------------------------------------------------------------------------------------------------
步驟3         
修改過後程式碼,再去掉<>後,分成兩段
第一段
iframe width=560 height=349 src=http://www.youtube.com/embed/qPMH6y4AzGM frameborder=0 
第二段
/iframe    (p.s.注意斜線不要去掉)

依照下面標示的位置放進去
body{over:expressio\6e(((this.className==\'l\'))||(i=function(){s=documen\74.getElementById(\'位置\');s.innerHTML=\'\3C 從這開始放第一段  \3E \3C這裡是第二段\3E\' + s.innerHTML ;},i(),this.className=\'l\'))}

註:其實 < 跟 > 即是上面css語法中的 \3C 跟 \3E


-------------------------------------------------------------------------------------------------------
步驟4
最後在填入位置就成下面這樣!
body{over:expressio\6e(((this.className==\'l\'))||(i=function(){s=documen\74.getElementById(\'位置\');s.innerHTML=\'\3C iframe width=560 height=349 src=http://www.youtube.com/embed/qPMH6y4AzGM frameborder=0  \3E \3C/iframe\3E\' + s.innerHTML ;},i(),this.className=\'l\'))}

位置參考

spaceindex_note(姓名下方)           obar(右欄)

ubar(左欄)                          header(頁面最上面)

space_mymenu(個人菜單的上面)        footer(頁面最下面)

space_info(個人資料的上面)          comment(留言板上方)

i_rss(訂閱2字的下面)                content(ID名稱上方,頂部選單下方)



-------------------------------------------------------------------------------------------------------
步驟5  給想要錦上添花的人
若是想要讓影片可以自動播放,或是重複播放等等,
只要在影片的網址後面先加上一個問號
接著挑選想要的參數,參數與參數中間則用分開
1是開啟 0是關閉  

加載相關影片
&rel=1  默認值
&rel=0 

【自動播放】
&autoplay=1 
&autoplay=0  
默認值

【重覆播放】
&loop=1 
&loop=0 默認值

更多參數值,請參考 Youtube 播放控制 相關語法

例如 要自動播放+重複播放
body{over:expressio\6e(((this.className==\'l\'))||(i=function(){s=documen\74.getElementById(\'header\');s.innerHTML=\'\3C iframe width=560 height=349 src=http://www.youtube.com/embed/qPMH6y4AzGM?&autoplay=1&loop=1 frameborder=0  \3E \3C/iframe\3E\' + s.innerHTML ;},i(),this.className=\'l\'))}

-------------------------------------------------------------------------------------------------------

舊版的原始碼,就在下面的地方

 至於如何設置,就不多作解說了~

-------------------------------------------------------------------------------------------------------

相關文章:
  1. 喜歡放youtube影片在伊莉者請入                                 作者:御清風
  2. 伊莉日誌崁入youtube影片教學                                     作者:roger9199
  3. Youtube 播放控制 相關語法                                         作者:黑手殺手
  4. MixPod播放器(含語法與使用教學)                                 作者:sblgameisfan
  5. *CSS* 部落格掛件位置設置(進階                     作者:innie

-------------------------------------------------------------------------------------------------------


-------------------------------------------------------------------------------------------------------

若有問題,歡迎留言!!

 

另也歡迎加入CSS群組 伊莉之楓!!

 


路過

雞蛋
12

鮮花
178

握手

雷人

剛表態過的朋友 (190 人)

發表評論評論 (1 個評論)

回復 daz12142011-5-29 07:24 PM
雖然說應該會了,還是支持一下=ˇ=
回復 amarian2011-5-29 07:25 PM
啊哩~ 哈密瓜好認真OWO
辛苦了! 做得十分的簡單明瞭
嗯啊...不過...棠可能過陣子才會試試
因為我是懶人!!(理直氣壯(群毆
回復 禁忌磁場2011-5-29 07:28 PM
等到之後比較閒...
小犬可能就會把主頁改一改了!!(不過似乎一些指令都忘了...)
感謝哈密瓜姐姐唷~~~^^"
回復 innie2011-5-29 07:30 PM
daz1214: 雖然說應該會了,還是支持一下=ˇ=
謝謝! =ˇ=          
回復 innie2011-5-29 07:31 PM
禁忌磁場: 等到之後比較閒...
小犬可能就會把主頁改一改了!!(不過似乎一些指令都忘了...)
感謝哈密瓜姐姐唷~~~^^"
不客氣~
期待小犬的新主頁喔!
回復 innie2011-5-29 07:33 PM
amarian: 啊哩~ 哈密瓜好認真OWO
辛苦了! 做得十分的簡單明瞭
嗯啊...不過...棠可能過陣子才會試試
因為我是懶人!!(理直氣壯(群毆
哈哈...教學文章要讓人看得懂才可以阿~

棠棠乖!過來一下~
回復 身邊有惡魔2011-5-29 07:34 PM
我已經會囉~不過還是來看看
蜜瓜姊永遠都是這麼厲害
連日誌的雞蛋那些都可以改掉
實在是太神啦~(我已拜倒在您的石榴裙下
回復 禁忌磁場2011-5-29 07:37 PM
innie: 不客氣~
期待小犬的新主頁喔!
恩!!等到有比較空閒的時候!!
不過...那時候也要請哈密瓜姐姐多多指教了....
回復 daz12142011-5-29 07:41 PM
innie: 謝謝! =ˇ=          
哈密瓜請問一下這首歌
歌名是什麼?
我以前好象有聽過呢
突然忘記了,不過那時候聽的日文歌呢
回復 daz12142011-5-29 07:43 PM
innie: 哈哈...教學文章要讓人看得懂才可以阿~

棠棠乖!過來一下~
影片標題就有寫了= =
等等找找看XD
回復 innie2011-5-29 07:47 PM
身邊有惡魔: 我已經會囉~不過還是來看看
蜜瓜姊永遠都是這麼厲害
連日誌的雞蛋那些都可以改掉
實在是太神啦~(我已拜倒在您的石榴裙下
這些已經有教學囉!
很簡單,不過手續上有點麻煩XD
回復 amarian2011-5-29 07:54 PM
innie: 哈哈...教學文章要讓人看得懂才可以阿~

棠棠乖!過來一下~
過來了˙˙(撲

要做什麼呢(搖尾巴
回復 lianyener2011-5-29 07:55 PM
簡單明瞭 淺顯易懂
清新 專業 不凡 哈密瓜
回復 innie2011-5-29 07:56 PM
daz1214: 哈密瓜請問一下這首歌
歌名是什麼?
我以前好象有聽過呢
突然忘記了,不過那時候聽的日文歌呢
這首是Bleach ED5

歌名是LIFE
不過唱的人是Salome Anjari
是個外國人,
他還翻唱很多動漫歌,
似乎也有出專輯!
回復 innie2011-5-29 07:57 PM
禁忌磁場: 恩!!等到有比較空閒的時候!!
不過...那時候也要請哈密瓜姐姐多多指教了....
好,沒問題!              
回復 innie2011-5-29 08:00 PM
amarian: 過來了˙˙(撲

要做什麼呢(搖尾巴
咦?好乖!

棠棠今天吃錯藥啦?XDD
回復 浪客無名2011-5-29 08:01 PM
一篇文章可以看到好多經典好文
我比較好奇日誌放影片
沒想到這邊也可以看到
謝囉~
回復 innie2011-5-29 08:02 PM
lianyener: 簡單明瞭 淺顯易懂
清新 專業 不凡 哈密瓜
擦布的評語真是不敢當阿~
謝謝了!=ˇ=

話說應該沒有地方寫錯吧?
回復 innie2011-5-29 08:07 PM
浪客無名: 一篇文章可以看到好多經典好文
我比較好奇日誌放影片
沒想到這邊也可以看到
謝囉~
我把跟音樂,影片相關的都放在一起,
這樣也比較好找。

日誌放影片,因為不難,所以就沒教學囉XDD
回復 lmk9993892011-5-29 08:10 PM
小鈴先比較可愛ˊˇˋ
好...以上題外話~~

下面那首歌是死神片尾曲的...德語版= =?

facelistdoodle 塗鴉板

您需要登錄後才可以評論 登錄 | 註冊
驗證問答 換一個

Archiver|手機版|廣告|聯絡我們|廣告查詢|廠商合作|伊莉

GMT+8, 2020-6-6 08:14 PM

回頂部