Test Online Multimedia

发表于 更新于 分类于 Waline：

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标签的使用，请参考这里