插入影音播放器及自動播放音樂的方法【部落格創作圖解教學4】

2008/09/25 10:13

迴響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=１是自動播放；autoplay= 0，就不會自動播放

語法範例如下：

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

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

複製Youtube影音嵌入語法圖示

回覆引用

有誰引用
我要引用
引用網址

列印

有誰推薦more

全站分類：心情隨筆｜校園筆記

自訂分類：部落格大事紀

你可能會有興趣的文章：

【鐵道迷必訪秘境】牡丹車站不只追火車！隱藏版療癒咖啡館「雲水聚杯」美食攻略推薦必點熊熊冰鎮咖啡、山藥蜂蜜奶昔、現烤厚片吐司
🦚花蓮理想大地渡假飯店【粉紅靚旅】住宿攻略：享受里拉餐廳沉浸式美食饗宴與孔雀陽臺的邂逅🦚（中篇）
花蓮夢幻住宿體驗➽這片海 180°海景電梯房：東大門夜市旁短租/Long Stay兩相宜一起來振興花蓮【附花蓮旅遊必吃必玩路線】
平溪線追火車小旅行1》三貂嶺車站看火車吃美食祕境～三貂嶺商店河岸觀景雅座絲瓜麵線、手工餛飩湯、傳統豆花剉冰物美價廉
花蓮．秘密海小館》歷經20年的海濱街看海咖啡館，一樓重新改裝為餐酒館葷素皆可；二樓改為日租海景套房
延平河濱公園巨型蒲公英點亮絕美花園》散步大稻埕碼頭就能一次收攬夕陽花海淡水河美景並順路吃隱藏版美食【短影音攻略】

迴響（24）：

24樓. 北北/pei 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回覆

最前頁 1 2 3 最末頁