越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | Youtube 播放器【简易版】 (BT/BS)

嘿嘿,终于有时间上来更新教程了。之前忙着替我的日记部落格换衣服,所以把时间都用在那里,以至于没空来更新部落格说。真的是不好意思啊啊啊啊、这几天应该会比较有空。因为我的 Running Man 已经看完了 T^T 日记 / 小说部落格的设计也完毕了。只剩下教程部落格。或许会给教程部落格来个灰白风格。Hmm, 还不知道,还没有决定好 << 太懒惰了。

废话不要多说,这次来发布简易版的 YouTube 播放器。这个 YouTube 播放器的好处就是容易找歌曲,只要上 Youtube.com,search 你要的歌曲,就可以了。而坏处就是,只能放一首歌曲。如果大家嫌要找 MP3 网址很麻烦的话,不妨试用这一个播放器哟。


- Tutorial requested by Miko 佑佑 -

Blog Template User
将播放器添加在小工具里
1. 布局 - 添加小工具 - HTML/JavaScript

2. 把以下代码加入:
<object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/后面的代码?version=2&amp;autoplay=1&amp;loop=1&amp;color1=ffffff&amp;color2=ffffff" /><embed src="http://www.youtube.com/v/后面的代码?version=2&autoplay=1&loop=1&color1=ffffff&color2=ffffff" type="application/x-shockwave-flash" width="25" height="25"></embed></object>
 3. 保存即可。

将播放器添加在部落格角落
1. 步骤如上。

2. 添加以下代码:
<a style="display:scroll; position:fixed;bottom:0px; left:0px;" ><object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/后面的代码?version=2&amp;autoplay=1&amp;loop=1&amp;color1=ffffff&amp;color2=ffffff" /><embed src="http://www.youtube.com/v/后面的代码?version=2&autoplay=1&loop=1&color1=ffffff&color2=ffffff" type="application/x-shockwave-flash" width="25" height="25"></embed></object></a>
3. 保存即可。
Blogskin User

将播放器添加在小工具里
1. 模板

2. 寻找你的 sidebar 的代码(每个人的代码都不一样,所以无法准确的告诉你们该添加在哪里)

3. 在 sidebar 代码里添加以下的代码:
<object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/后面的代码?version=2&amp;autoplay=1&amp;loop=1&amp;color1=ffffff&amp;color2=ffffff" /><embed src="http://www.youtube.com/v/后面的代码?version=2&autoplay=1&loop=1&color1=ffffff&color2=ffffff" type="application/x-shockwave-flash" width="25" height="25"></embed></object>
4. 预览查看播放器有没有出现,即可保存。

将播放器添加在部落格角落
1. 模板

2. Ctrl + F 寻找代码 </style>

3. 把以下代码添加在 </style>下面
<a style="display:scroll; position:fixed;bottom:0px; left:0px;" ><object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/后面的代码?version=2&amp;autoplay=1&amp;loop=1&amp;color1=ffffff&amp;color2=ffffff" /><embed src="http://www.youtube.com/v/后面的代码?version=2&autoplay=1&loop=1&color1=ffffff&color2=ffffff" type="application/x-shockwave-flash" width="25" height="25"></embed></object></a>
4. 预览查看播放器有没有出现,即可保存。

小解释
红色代码:YouTube 歌曲的代码
蓝色代码:播放器边框的颜色
紫色代码:播放器背景的颜色
青色代码:播放器位置的代码(bottom left : 右下角 以此类推)


如何取得 YouTube 歌曲的代码

1. 登入 http://www.youtube.com/

2. 搜寻你要的歌曲,例:我爱他 丁当

3. 你会进到你搜寻的歌曲的网站,如图:

- 点击图片放大 -

4. 如图示,拷贝网址中 v= 后面的代码来取代红色代码就可以了。

3 comments:

  1. 请问如果不要 auto play 是怎样?=)

    ReplyDelete
    Replies
    1. 代码里面有一段是这样的:
      autoplay=1

      把 =1 改成 =0 就可以了 :)

      -replied by Bii.

      Delete

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。