2004/09/14 懷念無間
2004/09/14
留言區域背景(含表單修改)教學
2004/09/15

▍在BLOG中放置影片 [ Version 1.0 Power by Andy Liu . ]


事前準備:


  文章用色說明:紅字:語法的指令 綠字:指令的參數 紫字:語法註解

  更新速度永遠跟不上求新求變的各位!哈哈!前幾天剛剛有人問怎麼在網誌中放置背景,我也才剛寫好教學文件沒有多久,突然這幾天又有好多位網友在詢問,如果要放置影片呢?又要怎樣處理呢?答案其實已經在「▍在BLOG中放置音樂」這篇教學文件裡面了!不相信?恩!沒關係,我們繼續看下去吧!

  PS1  如果你是第一次看此篇文章,沒有看到「▍在BLOG中放置音樂」這篇教學文件的朋友,請麻煩你花點時間先看完「▍在BLOG中放置音樂」這篇教學文件,相信會更容易上手的!(部分重複語法不在此在說明!抱歉!)


語法說明:


  首先,先回答這個問題:「你看過『▍在BLOG中放置音樂」這篇教學文件』了嗎?對於裡面所談到的語法都熟悉了嗎?」。如果你的答案是「肯定」的,那恭喜接下來的步驟就快完成了!

  還記得下面這個語法吧!

” width=”100” height=”50” loop=”true” autostart=”true“>

  沒錯這就是放置背景音樂的語法,現在你只要將「背景的音樂網址」改成「影片的放置網址」就可以了!如下列的語法:

網址” width=”100” height=”50” loop=”true” autostart=”true“>

  真的就只有這樣嗎?這麼簡單?沒錯,就是這麼簡單!那一定有人會想,那前面寫這麼多廢話幹嘛,就直接告訴我們這一行語法就好了阿!沒錯,當然是可以這樣,不過接下來要介紹的幾個語法才是更重要的!如果你想要讓你的「影片播放器」更為貼切好用,下面有幾個語法是你該好好揣摩的喔!

  首先先來介紹大家熟悉的兩個語法,寬度與高度!在播放音樂的部分或許沒有這麼重要,但是在影片當中,便顯的很重要,怎麼說呢?因為影片有影片本身的大小,在設定播放器時,必須配合著影片大小,否則設定過小,會導致影片無法觀看;設定太大又會造成影片模糊,雖然看似一個小動作,但是也有不少的學問在裡面喔!

  1. Width(寬)播放面版的寬度,可以自行設定!
  2. Height(高)播放面版的高度,可以自行設定!

  PS2 一般來說較常見的影片大小為320*240

  1. Hidden(隱藏)決定播放器是否隱藏!屬性有:false:是顯示撥放器 true:是隱藏撥放器

  PS3 除非影片有設定自動播放,不然不應該隱藏播放器!這樣會導致使用者無法觀看喔!

  1. Loop(迴圈):決定影片是否重複播放!之前有提到 TureFalse 的用法,這次提一下另一種用法!
    屬性有:
    loop=1:表示撥放一次即停止 loop=-1:表示無限撥放 loop=N:表示播放N次 (N必須為正整數)
  2. Volume(聲音)設定影片音量大小。屬性:volume=”0-100″ 0為靜音 100為最大聲
  3. StartTime(開始時間)設定影片從幾分幾秒開始撥放。屬性:StartTime=”分:秒” 分/秒為數字
  4. Controls(控制)控制影片播放器的大小。
    屬性有:
    1. Controls=”console ” 一般大小
    2. Controls=”smallconsole”  小面板
    3. Controls=”playbutton”  只顯示撥放按鈕
    4. Controls=”pausecutton” 只顯示暫停按鈕
    5. Controls=”stopbutton” 只顯示停止按鈕
    6. Controls=”volumelever” 只顯示音量調整鈕

  ★注意:以上一到七的各種屬性,必須接在 src=”影片的放置網址 > 之間!


實際操作:


  之前我們已經在「▍在BLOG中放置音樂」這篇教學文件介紹過如何將HTML語法加在網誌當中!同樣的你可以將影片的語法加在「網誌名稱」、「網誌敘述」、「連結管理」這幾個部分!

  另外這次補充說明一下:有的人問到如何把語法加到「文章」當中。事實上,你只要將HTML語法直接貼到文章中的任意一個部分就可以了!但是有些人會出現一個小問題,就是貼上語法之後,在文章中無法顯示「播放器」,顯示的是HTML語法,會出現這樣的問題,主要是因為「文字編碼」出了問題。

  下面有兩個部分:

  1. 枯燥無味的電腦常識:如果你想瞭解這問題的癥結就看吧!
  2. 簡單的解決方法:如果只想解決這樣的問題,看這邊就好!

▍枯燥無味的電腦常識:

  這部分有點複雜,我也就不詳細說明,只大概說一下,語法可以執行是因為電腦認定語法這些文字的編碼就是語法,但是會出現文字,而不是播放器,是因為電腦將你這些文字當作是「純文字」,而不是語法,所以便顯示出「文字」,這是因為我們常常在網頁上、記事本中剪貼文字所造成的!

▍簡單的解決方法:

  在「▍魔法快速編輯漂亮文章」教學文件裡面(實際操作的第三個步驟到第六個步驟),有說明如何貼上「程式碼」(HTML語法)的方法,你只要將你的語法照這個步驟,貼到文章裡面,就不會有問題了!


|| 歡迎轉載 但請勿盜用|| http://andyliu.24cc.com
Copyright (C) 2004 Andyliu Design . All rights reserved .

59 Comments

  1. luckystrike 說:

    我想在網誌的文章中加入影片 因為我家ㄉ狗狗不見了

    所以我想在文章中放入我家狗狗的影片

    請問一下該怎麼做呢? 能否請您交交我 並將方法寄到我信箱呢?

    麻煩您了 謝謝

  2. tjliu 說:

    to luckystrike:

    影片的教學不是就在這篇嗎?
    是不是可以告知你的問題何在?
    還有你的影片是什麼格式呢?

  3. luckystrike 說:

    譬如我想將影片弄在文章之中 也是將語法貼在文章那邊ㄇ??

    影片格式是.MOV的 是不是需要轉檔為別的格式呢?

    謝謝^^

  4. tjliu 說:

    to luckystrike:

    沒有錯!是將語法直接貼到文章當中。
    另外影片格式的話儘量轉成wmv的格式
    也就是MediaPlayer可以播放的格式。
    MOV理論上應該也是可以,
    你可以先試試看,真的不行再轉檔…

  5. seesea 說:

    請教一下
    為什麼你的影片撥放樣式跟一般的不太一樣呀?!

  6. tjliu 說:

    to seesea:

    我是用FLASH作的!所以和一般的不一樣!

  7. seesea 說:

    原來適用FLASH阿
    謝謝你喔
    難怪和一般的不一樣
    很漂亮^_^

  8. tjliu 說:

    to seesea:

    謝謝喔~^^

  9. yalovetwins 說:


    我找不到你在BLOG中放置音樂這篇文章耶@@

  10. tjliu 說:

    to yalovetwins:

    一樣是在網誌教學當中阿

    放置背景音樂教學
    http://www.wretch.cc/blog/tjliu&article_id=854126

  11. 訪客 說:

    謝謝喔^^
    我看到了~~~
    但是~~
    我想請問一下
    我把要連結的影片檔案放在我的hinet網頁空間
    就是FTP裡面
    然後我點右鍵,放在FTP上面的檔案,選內容
    裡面有個FTP://開頭的網址
    我是連結那個
    但是顯示不出來耶@@
    是不能連結hinet的嗎?

    謝謝你喔^^

  12. tjliu 說:

    HINET應該也有網頁空間吧…
    一般在網頁上的連結必須使用網頁空間
    而不是FTP空間喔!

    ftp://網址:username@password
    一般FTP的連結應該要寫成這樣
    因為要帳號、密碼確認之後才能登入
    不過通常來說這是用在下載的情況

    如果是影片要連結還是必須用網頁空間
    也就是http://開頭的連結方式喔

  13. miwododo 說:

    請問下面這樣對嗎??可是都放不出來耶……麻煩幫我看看好嗎??
    感激不盡,感激不盡呀~~~~
    src='http://grm.cdn.hinet.net/xuite/56/b4/12583660/blog_37874/dv/34233
    40/3423340.wmv'width=”320″ height=”240″loop=1000'autostart='true'
    hidden='false' volume='0-100' starttime='0:00'
    controls='smallconsole'>

  14. tjliu 說:

    to miwododo:

    注意要用雙引號 [ ” ” ]不是單引號[ ' ']
    還有每個語法之間要空白一格

    src=(這邊要用雙引
    號)'http://grm.cdn.hinet.net/xuite/56/b4/12583660/blog_37874/dv/34233
    40/3423340.wmv”(這邊要空格) width=”320

  15. shutong 說:

    我在什么地方可以找到:在BLOG中放置音樂—–这篇文章?
    谢谢!

  16. shutong 說:

    我在什么地方可以找到:魔法快速編輯漂亮文章—–这篇文章?

  17. tjliu 說:

    to shutong:

    文章分類的部分
    在「設計空間」裡面的「網誌教學」

  18. darthming 說:

    多謝你的分享~!!!

  19. tjliu 說:

    to darthming:

    不用這麼客氣拉,有空歡迎常來喔^^

  20. shaznatme 說:

    我也實在找不出哪邊有錯的說QQ 能幫幫忙嗎QQ?
    src=”http://myhome.hanafos.com/~m98231/mv3/jpop/
    nmika058pv2.htm” width=”700″ height=”200″
    align=”left” align=”top”>

  21. cocofamily 說:

    請問一下
    我這樣寫有錯嗎?
    width=”320″ height=”240″ loop=”1″ autostart=”false”>
    在我的文章中看不到播放噐
    只有一個打叉叉圖框
    是檔案太大了嗎?
    還是有其他原因
    謝謝你的幫忙

  22. tjliu 說:

    to shaznatme&cocofamily:

    你們語法中的連結出現錯誤喔!
    正確的語法應該是
    src=”http://***/*.wmv”
    檔案應該直接連接到影片檔喔!
    附檔名應該是 *.wmv or *.rm

    像shaznatme的是*.htm 這是連接到網頁而已
    cocofamily的連結也是一樣的道理喔!

  23. floralin 說:

    可以幫我看一下,為什麼不能看到影片嗎?
    我的語法正確啊~
    http://www.wretch.cc/blog/floralin0411

  24. tjliu 說:

    to floralin:

    http://www.geocities.com/floralin0411/P1010408.rm

    網址沒有錯!
    這個問題可能他本身檔案的問題,
    或者是geocities網頁空間作了限制,禁止外部連結。
    建議你換個檔案或是另外找個網頁空間放置檔案…
    有問題歡迎在留言給我

  25. SHIN3211 說:

    不知道為什麼我影片出來的畫面是倒的
    可以撥放 但是為什麼是反的呢?
    我影片的格式是AVI檔
    謝謝回答!!!

  26. tjliu 說:

    to SHIN3211:

    你是否方便給我看你的部落格呢?
    這樣我比較有辦法找看看問題出在哪?

    另外影片相反的問題,有時候有可能是保護或是防止盜連
    你在你自己的電腦播放是正常的嗎?

  27. 說:

    我想請問唷~~那如果我要播放線上網頁的影片或是音樂~~並不是那種可以下載的檔案該怎
    麼播放

  28. tjliu 說:

    to 海:

    是否能夠講詳細一點,或是給我一個網址看看呢?
    這樣會比較清楚。

  29. ken0226 說:

    請問~~我會放撥放影片~可是我一放上ㄑ他就自己開始~
    我要怎樣才不會自己開始~要我按才會撥放~
    我不要自動撥放ㄉ~~我要手動ㄉ~
    要怎樣打語法~~~教我一下~~謝謝

  30. tjliu 說:

    to ken0226:

    語法中加入「autostart=”flase”」這段程式即可。

  31. kelly1215 說:

    hi~你好:
    我想請問一下關於上傳影音之後的網址連結要從何處瀏覽呢???
    我申請了一個FileFront的硬碟空間,已上傳影音了,
    但找不到可連結的網址連結到網誌中,
    可否麻煩您幫我看看呢??
    這是我申請的硬碟:
    http://hosted.filefront.com/smile77
    謝謝!!

  32. tjliu 說:

    to kelly1215:

    這是屬於硬碟空間,而不是所謂的網頁空間喔!
    所以不能直接連結使用的喔!

  33. 訪客 說:

    謝謝你哦!很簡易又易明^^我成功了~yeah

  34. joan720529 說:

    請問一下哦..
    假若我不要mv一下就自動播放..
    而是在畫面上出現個鍵頭時..按下去再播放mv…
    請問我該改語法中那個部份呢??
    麻煩你回答了哦..3Q…^^
    好喜歡妳的網站哦…

  35. tjliu 說:

    to joan720529:

    autostart=”true”> 將true改成false
    PS autostart 為自動播放功能

  36. annyishot 說:

    回覆

  • puddin1209 說:

    type=”text/html; charset=utf-8″ loop=”1000'autostart='true'” volume=”0-100″
    starttime=”0:00″ controls=”smallconsole”>

    我是天空部落ㄉ
    請問依下這樣哪裡錯ㄌ

  • 熊熊 說:

    請問一下 音樂跟影片網址 在哪邊看阿!?
    抱歉ˋˋ 謝謝噢!

  • apple1036 說:

    剛好需要~
    我拿了!
    謝謝唷!︿︿

  • mm 說:

    我想問說 要放音樂上去阿 但是放了幾首之後就沒空間了
    那要怎麼辦 ?!

  • tjliu 說:

    to annyishot:

    事實上http://www.youtube.com/watch?v=tqyWrpSFhpQ
    這一行網址並不是影片本身的網址喔,這只是連接到可以看影片的網頁,
    實際上的影片語法是:
    value=”http://www.youtube.com/v/tqyWrpSFhpQ”>value=”transparent”>src=”http://www.youtube.com/v/tqyWrpSFhpQ” type=”application/x-shockwave-
    flash” wmode=”transparent” width=”425″ height=”350″>

    to puddin1209:

    你的問題事實上和上面一位是一樣的,
    正確語法其實Youtobe都有提供喔!
    應該是
    value=”http://www.youtube.com/v/G_rY_yj4FWY”>value=”transparent”>src=”http://www.youtube.com/v/G_rY_yj4FWY” type=”application/x-shockwave-
    flash” wmode=”transparent” width=”425″ height=”350″>

    也就是你原先網址http://www.youtube.com/watch?v=G_rY_yj4FWY
    進去後,在影片右邊部份,找到[Embed]將欄位中的語法複製貼上到你的BLOG原始
    碼編輯模式中就可以囉。

  • tjliu 說:

    to 熊熊:

    音樂、影片網址要看你是哪個網站找到的阿,
    通常在音樂或影片上按右鍵,看[內容]部分,
    通常就可以看到網址囉,
    或是直接去youtobe網站找影片,
    每個影片都有提供連結語法的網址喔。

    to apple1036:

    最好能留一下你網站的網址喔~^^
    這樣也可以互相認識啊!

    to mm:

    空間不夠,你可能必須要付費給無名升級成VIP會員,
    或者是網路找尋免費的空間(通常國外很多),
    你可以試試看…

  • 熊熊 說:

    好 !!! 我知道了 我會去找

    謝謝你回答 ^_________________^”

  • yuri0919 說:

    哈羅,我想向您請教
    我想在我的無名網誌中放這個mv,他的語法是下面這個
    http://myvlog.im.tv/?id=1084682&mid=447220&album=0' type='application/x-
    shockwave-flash' width='450' height='338'>

    可是問題是,我不知道要怎麼把它放上去.
    可以請你幫我看看嗎?
    是要在”發表新文”中的那裡置放這段語法?

  • tjliu 說:

    to yuri0919,

    發表新文章時,選擇一般編輯器,直接將與法貼上即可。

    你的語法可以在檢查一下,後面可以去掉不用。

  • ghchang 說:

    請教前述有關
    starttime 和 endtime 語法
    在IE 6.0 和 MediaPlayer 9.0 的環境
    還有用嗎?
    可否介紹替代方案
    謝謝

  • tjliu 說:

    to ghchang,

    starttime 應該是都適用吧,因為他本來就是內建的語法。
    不過說真的,我沒有去用過這個功能=.=
    我都直接剪輯好要播放的那一段,
    你有嚐試過語法了嗎?是有問題嗎?

  • p50250200 說:

    不行耶
    怎麼辦呢?

  • tjliu 說:

    to p50250200,

    可以說清楚問題嗎?

  • peter810218 說:

    哈囉 我有個問題能請教你嗎?
    就是 朋友推薦給我一個語法放MV的
    ShowControls=”1″ ShowStatusBar=”1″ actostart=”false” loop= “false”
    EnableContextMenu=”0″>
    這個語法位什麼MV播放器跟其他的不同阿 還有 我放上去還 還有一小段語法跑出來
    你能幫我解釋哪裡有錯 哪裡可以修改阿 感激不盡~…
    還有..就是 我想再左邊連結列(新增資料夾那邊) 放一張圖片 要怎麼做呢….

  • tjliu 說:

    to peter810218,

    樣式不一樣 是因為在 style=”FILTER: xray” 這邊有指定
    至於 loop= “false” EnableContextMenu=”0″ 多出這部分,你可以檢查原始你貼上的
    部分是不是重複,正常應該是不會顯示,與法沒有太大的問題。

    至於側邊欄位,我有寫一篇教學,你可以看看,記得也幫我們放上串連圖片喔^^
    http://www.my3in.com/blog/rewrite.php/read-7.html

  • peter810218 說:

    原來阿 我找到我重複了 現在改回來了 但如果我播放器想用最大聲 要修改哪個地方
    呢? 還有…我測邊有圖騙了 但是 我的圖片是影像圖..就是會動的 但是 我放上去後 卻
    不動了 有辦法讓他動嗎… 3Q~

  • tjliu 說:

    to peter810218,

    你說的圖片是火的那張嗎?
    我看到的是有在動阿。只要圖片網址沒錯,就可以,沒有特別要設定甚麼。

  • peter810218 說:

    ttp://www.wretch.cc/blog/peter810218這是我的網誌…我想問聯結列旁邊的背景 有辦法改
    嗎 或是放自己的圖片…(最旁邊兩塊)…3Q

  • tjliu 說:

    to peter810218,

    可以阿,你直接在.body{} 中加入背景的語法就可以喔。
    語法部分你可以參考我另外寫的CSS語法教學那篇..

  • Zhe 說:

    能不能給我周董不能說的秘密MV語法阿

    我想貼再網誌
    可是不知道怎用呢~~
    能幫幫我嗎大大

    謝謝歐

  • tjliu 說:

    to Zhe ,

    語法部分已經在本文說明,
    若是要MV的語法,你可以要先找的到MV的網址才行。

  • sandy 說:

    真的非常冒昧的想請教您,我在這裡的日誌放了影片http://hk.myblog.yahoo.com/sandy-50/article?mid=95
    有顯示影片播放器,卻無法播放,不知道是哪裡出了問題?因為我的工作地點為處於上海,許多方便的網站或上傳空間都被偉大的「網路長城」所封鎖了,因此,找到56.com可以上傳影片的地方對我來說很高興,但因為自己對於影片語法方面並不專業,所以面臨到問題,不知您是否能為我一解迷津。

  • elice 說:

    此網站語法禁止外部連結怎麼辦?裡面的圖片我想連結到FACEBOOK上,但卻出現標頭中禁止連接外部頁面?有辦法破除嗎?感謝^^

  • 發表迴響

    你的電子郵件位址並不會被公開。 必要欄位標記為 *