站内搜索

Loading

推荐

如何在博客日志中插入添加自定义博客视频代码

如果你有自己的博客或网站,往往会在自己博客文章中插入一段视频或FLASH,在博客里与朋友分享自己喜欢的视频。国内的视频网站如优酷(www.youku.com)、土豆网(www.tudou.com)或六间房(6.cn)等以及国外的youtube视频网站往往提供嵌入到博客中的embed代码。

1. 怎么把视频贴到博客或论坛中?
首先,你需要了解自己使用的博客,支持什么样的视频嵌入方法。你可以到自己的博客中,发表一篇新文章,观察发表文章的这个页面:如果博客撰写编辑日志页面中含有“显示源代码”、“切换到HTML源代码编辑器”、“切换到代码模式”等类似选项,则表示这个博客使用HTML源代码来插入视频的。WordPress博客即如此。其它的BSP如新浪,163网易博客、搜狐博客等也支持该HTML源码嵌入方式。

当然,有的博客支持视频地址插入,直接打开添加视频地址对话框,粘贴视频或flash地址路径即可。

2. 如何修改自定义博客视频代码,改变视频外观
我们往往会修改所插入博客视频的代码使其格式、外观与博客皮肤、主题、风格一致,插播的视频与网站界面样式融为一体。

vtubetools 即为一个第三方修改自定义嵌入视频代码的网站。虽然是国外网站,操作使用方法却很简单。以youtube视频为例,首先复制欲添加视频网址的ID,如下图的IYX_QL-3U4Q,将该ID填入“Put the video ID here”文本框。

博客视频网址ID

同时,可以在视频属性文本框中设置改变视频外观的的各项参数,如是否自动播放(Autoplay),视频宽度(Width),视频高度(Height),视频边框颜色(Color),视频是否显示边框(Color),是否允许全屏(Allow Full Screen),视频播放循环次数(Loop),甚至可以自定义视频背景或播放器皮肤(Custom Player Skin / Background)。

博客播放器代码设置

下面两个视频即为视频默认外观,及修改宽度350px,高度280px,边框颜色红色属性参数前后对比。

PS:你知道插入的这段视频是哪个动漫里的吗?:em47:英文提示only:Cracking Contraptions – The Soccamatic,呃,和狗有关的名字啦。

[Post to Twitter] 分享到 Twitter! 

延伸阅读:

19 comments to 如何在博客日志中插入添加自定义博客视频代码

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>