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
2
3
owl:
css: default
file: css/owl.css
  • Options:
1
2
3
4
5
6
7
8
9
10
11
{% owl youtube YtuAOT_c2EA %}
{% owl niconico sm1494658 %}
{% owl niconico sm1494658 watch %}
{% owl bilibili av247371 %}
{% owl bilibili 247371 %}
{% owl bilibili av367901 2 %}
{% owl vimeo 5566538 %}
{% owl tudou pRsx83aRLLs %}
{% owl youku id_XMTc3MzcxMjQw %}
{% owl tencent o03134mlm8j %}
{% owl ted gero_miesenboeck zh-cn %}

参考:更多使用说明


网易云音乐


腾讯视频

mv中的Sylwia Grzeszczak是波兰创作歌手和钢琴家,1989年4月7日出生在波兹南,她的风格基本上继承了波兰大多数女歌手特有的成熟阴冷的唱法.


bilibili

  • 前方高能

youku

  • 世界上最大的石油污染

若出现错误可去 这里观看

之前一段时间发现tag-owl这个插件解析优酷时总是出错,经过分析是被解析成了Object标签,而这是适用于 windows 平台的 ie 浏览器,火狐和 safari 是不支持的。为什么不是embed标签?于是我想到了问题可能出现在解析这一块,然后找到这个插件的安装包,里面有几个js文件,是模块化调用的,很不错,找到 ~/youku.js ,发现果然是解析有问题,下面代码return块原来是iframe,经过修改后,解析正确,完美。这可能是这个插件开发者犯得一个小错误吧,希望他能及时更正,推送新版本。

1
2
3
4
5
6
7
8
'use strict';

var config = require('./config');
// youku
module.exports = function (hexo, args) {
var id = args[0].match(/^(id_|)(.+)$/);
return '<div class="owl-media owl-video owl-youku"><embed src="http://player.youku.com/player.php/sid/' + id[2] + '==/v.swf" ' + config.embed + 'align="middle" allowScriptAccess="always"></embed></div>';
}

经测试embed标签能兼容大多数现代浏览器,能播放大多数多媒体文件,但是旧版ie(9-)只支持Object,只有高版本ie才支持embed,估计现在没多少人留恋ie了吧,也该被抛弃了。

关于embed标签的使用,请参考这里


✧(≖‿≖)✧ 谢谢您的支持 (●'◡'●)ノ♥
0%