21 February 2010

Embed Youtube Video

看了很多人的部落格,发现到大家都习惯在部落格中embed一些背景音乐。当然,这样子做能够为自己的部落格增添一些气氛,读者更能享受在其中。 其实,看过这么多各种方法,不例外就是用一些flash的方式、web mp3 player等等。今天,就让我教大家另一种方式,不知道大家学过吗,就是直接embed youtube的歌。没错,是直接,并不用通过mixpod等等的flash player。

现在就让我一步一步教大家吧,放心,并不会很难,只要你照着以下方法去做,一定可以的。


1) 看到图中那个红色的框框吗?就是我用来直接embed youtube video所呈现出来的形式。

2)去"Add A Gadget"那边create一个html/javascript的框框,然后copy以下的code,paste进去,save起来。为了方便大家,你们可以按这里下载那个code,然后paste过去。
可是,你要怎么去换歌呢?别急,注意看红色框框里的几个字母或者数字,你只要将他们换一换就行了。Youtube的video URL不外乎就是这样子"http://www.youtube.com/watch?v=R-ZUEnJ2bD4"。
接下来要说的很重要,切记,你只需要把绿色部分的字copy了paste过去,至于"
watch?v="这些字就不要去理了



3)完成后,当然你也可以依据您部落格的形式,自行更改高度和宽度(蓝色框框的)。这里的话我不必多说了,大家应该都明白。


4)对于第二步骤还不清楚吗?照着以上的方式做了,却还是听不到歌?问题出在哪里?别急,先检查一下以下青色框框中的"v"有没有在。我想提醒说,要embed video,并不是把整个URL一模一样paste进来,千万别把"watch?v="copy过来,这里只需要"v"就够了。记得,是这样的形式"http://www.youtube.com/v/LRc-Qbf_0Dw"


如果这个也没错的话,那就恭喜你啦,你成功了!好好享受你部落格的背景音乐吧。我个人认为,这样的方式非常简单,因为你不必再去create一些mixpod、youmaker等等的account,更不用自己upload歌曲,只要直接把link paste过来,就可以听歌了。

另一点,如果大家有注意的话,你们会看到整个code当中会有这个"&loop=1"出现,意思是什么呢?意思就是重复播放的意思。如果你们不想要自动重播、又或者只要播放一次而已,就把这行字去掉吧。过程并不难,大家还有什么疑问的话,不妨直接问我,我很乐意为大家解答。

No comments:

Post a Comment