hexo插件-视频播放器

引用示例

npm install

1	npm install hexo-tag-dplayer --save

Usage

1	{% dplayer key=value ... %}

key 可以是

dplayer options:
    'autoplay', 'loop', 'screenshot', 'hotkey', 'mutex', 'dmunlimited' : bool options, use "yes" "y" "true" "1" "on" or just without value to enable
    'preload', 'theme', 'lang', 'logo', 'url', 'pic', 'thumbnails', 'vidtype', 'suburl', 'subtype', 'subbottom', 'subcolor', 'subcolor', 'id', 'api', 'token', 'addition', 'dmuser' : string arguments
    'volume', 'maximum' : number arguments
container options:
    'width', 'height' : string, used in container element style
other:
    'code' : value of this key will be append to script tag

arguments to DPlayer options mapping:

{
  container: "you needn't set this",
  autoplay: 'autoplay',
  theme: 'theme',
  loop: 'loop',
  lang: 'lang',
  screenshot: 'screenshot',
  hotkey: 'hotkey',
  preload: 'preload',
  logo: 'logo',
  volume: 'volume',
  mutex: 'mutex',
  video: {
    url: 'url',
    pic: 'pic',
    thumbnails: 'thumbnails',
    type: 'vidtype',
  },
  subtitle: {
    url: 'suburl',
    type: 'subtype',
    fontSize: 'subsize',
    bottom: 'subbottom',
    color: 'subcolor',
  },
  danmaku: {
    id: 'id',
    api: 'api',
    token: 'token',
    maximum: 'maximum',
    addition: ['addition'],
    user: 'dmuser',
    unlimited: 'dmunlimited',
  },
  icons: 'icons',
  contextmenu: 'menu'
}

去 dplayer 文档查看更多信息.

例如:

1
2

{% dplayer "url=https://moeplayer.b0.upaiyun.com/dplayer/hikarunara.mp4" "addition=https://dplayer.daoapp.io/bilibili?aid=4157142" "api=https://api.prprpr.me/dplayer/" "pic=https://moeplayer.b0.upaiyun.com/dplayer/hikarunara.jpg" "id=9E2E3368B56CDBB4" "loop=yes" "theme=#FADFA3" "autoplay=false" "token=tokendemo" %}
{% dplayer 'url=some.mp4' "id=someid" "api=https://api.prprpr.me/dplayer/" "addition=/some.json" 'code=player.on("loadstart",function(){console.log("loadstart")})' "autoplay" %}

PJAX 兼容

$(document).on('pjax:start', function () {
  if (window.dplayers) {
    for (let i = 0; i < window.dplayers.length; i++) {
      window.dplayers[i].destroy();
    }
    window.dplayers = [];
  }
});

自定义

你可以根据自己博客的目录结构，

在 index.js 中: 定义变量 scriptDir(默认: “/assets/js/“ ) and styleDir(默认: “/assets/css/“);
使用 _config.yml 配置:

# on _config.yml of hexo-site
hexo-tag-dplayer:
  js_path: /path/to/your/default/path
  css_path: /sth
  default: #default tag argument
    id: somedefid # equals to setting id=somedefid in all {%dplayer%} tags
    api: https://api.prprpr.me/dplayer/
    #and other options...

去 DPlayer 查看详情