Contents ...
udn網路城邦
插入影音播放器及自動播放音樂的方法【部落格創作圖解教學4】
2008/09/25 10:13
瀏覽12,412
迴響24
推薦103
引用1

撰文.圖解製作/程如晞

  和大家分享影音檔的插入及開啟自動播放的方法,以圖解說明,希望原本不會的朋友,成功地在你網誌插入影音檔後,可以來留言與如晞分享!

 插入影音檔方法一:

在Udn文章發表上有一個嵌入影片的小圖
 
 
 按下  會跳出一個視窗如下圖
要求你在此輸入影片代碼

接著到你放影片的網站,

此案例示範嵌入放在i'm Vlog網站上的影音短片

網址在http://www.im.tv/vlog/personal.asp?mid=453253&fid=3514297

 找到嵌入此支影片的地方
在複製連結的地方按一下
你的電腦就會將代碼自動記著(不需煩惱它記在什麼地方)
只要回來在輸入影片代碼按貼上即可

如上所示,影片就可直接連到網誌囉,按play就可收看!

xuite影音複製網址的地方如紅色箭頭所示

開啟Xuite影音自動播放功能圖解

 

 插入影音檔方法二:

 

【延伸閱讀其他教學】

將圖片放在網誌的文右或左的方法》部落格創作圖解教學1

新增YouTube影片自動播放的方法】:

在原複製的語法中src=那條網址的最後加入autoplay=1&

autoplay=1是自動播放;autoplay= 0,就不會自動播放

語法範例如下

這支影片我把autoplay設為0,所以不會自動播,要手動按Play

 複製Youtube影音嵌入語法圖示如下:

複製Youtube影音嵌入語法圖示

有誰推薦more
全站分類:心情隨筆 校園筆記
自訂分類:部落格大事紀
迴響(24) :
24樓. 古魯斯
2014/08/19 13:39
我是udn新手,之前好羨慕別人的網誌一進去就可以自動播放音樂,現在因妳的幫忙也順利開通了,十分感謝!也歡迎來逛逛
23樓.
2012/01/31 22:19
謝謝你!!

謝謝你的詳解!!!

真的給我很大的幫助呢!!

用部落格最讓我頭疼的就是一些語法和布置了!

真得很謝謝你!!!

http://blog.udn.com/winslet931

這是我的blog網址,有空可以來看看!!

真得很謝謝你!!!!

22樓. MeiGarden
2012/01/22 10:31
謝謝妳成為別人的祝福!

初踏入部落格世界  還沒過彌月之喜  對3C科技有點遲鈍的我  一切都覺得頗陌生

摸索中  竟如此幸運的  逛到了 如晞如此精彩豐盛的部落格  真是讓我如獲至寶  行走天地間 果然遇見了美!

謝謝妳的 部落格輕鬆上手教學 讓我在  不斷嘗試中學習
從原本笨拙的將一個一個檔案上傳&插入相片  到昨晚終於成功的完成了
用壓縮檔上傳照片 、 在網誌中加入多張照片 、相簿自動播放幻燈秀 及插入自動播放影音等的應用......真是開心!

雖然對資深的格友而言 這可能不算什麼 但對我來說 卻是跨了一大步!  以感恩道謝的心   向妳致上無比的感謝 !  能成為別人的祝福,真是何其美好呀! 

祝福  妳 新年快樂! 

  

21樓. 欣然
2011/12/20 20:54
多虧有如晞

自己搞了半天,始終沒辦法搞定「插入影音播放器」這件事。

來到如晞這兒,沒一會兒就搞定了。~~多虧有妳啊。


欣然

哈哈哈  能悄悄幫上你的忙   好開心 程如晞2011/12/21 08:45回覆
20樓. 領弟
2011/03/31 07:51
感恩

謝謝老師﹐歐巴桑我終於可以了把youtube 的video 放上我的網誌。雖然您的說明全是中文﹐跟我要進行的全是英文﹐有點不同。但是終究還是成功了。再次謝謝您的教導。

功德無亮。

領弟 敬上。

19樓. “蒨”。_。
2011/01/20 18:32
努力中

謝謝您

終於為我解除疑惑了

但youtube的還沒成功

奮鬥中~

感激.感恩您

18樓. 慕雲
2010/10/21 08:54
Please help me - How to "Auto Reverse"?
 

親愛的如晞 妳好,

如下. 我試著想要 Auto Reverse 但屢試屢敗. 於是再來請教妳, 請妳教教我該如何做.

拜託妳. 謝謝妳.

<object width="280" height="185"><param name="movie" value="http://www.youtube.com/v/VoGdz2EKGO0?fs=1&hl=zh_TW&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VoGdz2EKGO0?autoplay=1&autoreverse=1&fs=1&hl=zh_TW&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="280" height="185"></embed></object>

17樓. 浣紗
2010/06/29 15:06
再謝謝妳!

今天又學會貼Xuite影音.

還是跟您學的.

真謝謝妳!

浣沙很棒  

太客氣了喔

程如晞2010/06/30 14:10回覆
16樓. 浣紗
2010/06/24 20:23
謝謝妳!!

我終於會貼YouTube了,真謝謝妳!!

以前我的部落格都是別人幫我貼的,現在我自己也會貼了.

實在太高興啦!!

你學會了 我也很開心

跟著有點成就感咧

程如晞2010/06/28 13:38回覆
15樓. 浣紗
2010/06/18 20:47
不好意思

對不起,我是新手,不大會使用電腦,

我按了之後,電腦完全沒反應耶,

我也找不到"嵌入此支影片""複製連結"這些東東耶.

不知道You Tube這種影片能不能貼在自己的部落格呢?

沒有跳出視窗是你的電腦作了禁止pop up window的設定

youtube可以直接把整個影片block複製 直接貼上喔

或在文章發表時按<>轉換語法模式 把嵌入程式碼貼上來

(在影片下方可以找到)

程如晞2010/06/23 10:21回覆
發表迴響

會員登入