Test Online Multimedia
Features
- Support videos website:
- Youtube
- Niconico
- Bilibili
- Vimeo
- Tudou
- Youku
- Tencent
- TED
有些浏览器可能会禁止跨域访问其它站点视频信息,例如chrome,不用担心,这些站点是安全的,解除禁用就行了,同时还要保证flash插件是可用的,然后你就可以畅快的看在线视频了。为了测试是否可行,暂时只添加了Tencent、bilibili和youku。测试发现加载稍微有些慢,毕竟是当作插件来使用的,以后会尝试HTML5的video标签,引用静态加速资源,理论上加载会快一些。
Installation
要想实现这个功能,需安装hexo-tag-owl
,此插件支持html5新标签播放在线视频。
1 | npm install hexo-tag-owl --save |
Introduction
Because the components are lack of CSS, everyone can add some CSS for one’s preference. Here provide a default CSS written in stylus at lib/asset/css.styl.
配置 _config.yml
1 | owl: |
- Options:
1 | {% owl youtube YtuAOT_c2EA %} |
参考:更多使用说明
网易云音乐
腾讯视频
mv中的Sylwia Grzeszczak是波兰创作歌手和钢琴家,1989年4月7日出生在波兹南,她的风格基本上继承了波兰大多数女歌手特有的成熟阴冷的唱法.
bilibili
- 前方高能
youku
- 世界上最大的石油污染
若出现错误可去 这里观看。
之前一段时间发现tag-owl
这个插件解析优酷时总是出错,经过分析是被解析成了Object
标签,而这是适用于 windows 平台的 ie 浏览器,火狐和 safari 是不支持的。为什么不是embed
标签?于是我想到了问题可能出现在解析这一块,然后找到这个插件的安装包,里面有几个js文件,是模块化调用的,很不错,找到 ~/youku.js ,发现果然是解析有问题,下面代码return块原来是iframe,经过修改后,解析正确,完美。这可能是这个插件开发者犯得一个小错误吧,希望他能及时更正,推送新版本。
1 | ; |
经测试embed标签能兼容大多数现代浏览器,能播放大多数多媒体文件,但是旧版ie(9-)只支持Object,只有高版本ie才支持embed,估计现在没多少人留恋ie了吧,也该被抛弃了。
关于embed标签的使用,请参考这里