hexo-tag-youtube-responsive

[Hexo] tag plugin to embed a [Youtube] player that auto resizes with your responsive layout.

Install

Install using [npm][npm-url].

$ npm install hexo-tag-youtube-responsive --save

Usage

$3

``
{% youtuber video VIDEO_ID %}
`

For example

`
{% youtuber video I07XMi7MHd4 %}
`

$3

`
{% youtuber playlist PLAYLIST_ID %}
`

For example

`
{% youtuber playlist PLC77007E23FF423C6 %}
`

Note that you need to prepend the playlist ID with the letters PL as shown above

$3

`
{% youtuber search QUERY_KEYWORDS %}
`

For example

`
{% youtuber search hexo %}
{% youtuber search hexo+tag+plugin %}
`

If your search has more than one keyword, use + to concatenate them together as shown above

$3

`
{% youtuber user USERNAME %}
`

For example

`
{% youtuber search daddybear %}
`

Note that you must supply the user name and not the channel ID

$3

You may specify additional parameters in YAML format as

`
{% youtuber video VIDEO_ID %}
allowfullscreen: yes,
autoplay: 1,
cc_lang_pref: fr,
cc_load_policy: 1,
color: white,
controls: 0,
disablekb: 1,
enablejsapi: 1,
end: 210,
frameborder: 20,
fs: 0,
height: 480,
hl: fr,
iv_load_policy: 3,
loop: 1,
modestbranding: 1,
origin: your-domain,
playlist: "videoId1,videoId2,videoId3",
playsinline: 0,
privacy_mode: yes,
rel: 1,
showinfo: 0,
start: 30,
widget_referrer: https://your-domain.com/some-page,
width: 640,
{% endyoutuber %}
`

The majority of the parameters can be found in [Youtube documentation].

For the remaining:

* If width and height are given as dimension of the player, it will cancel the auto-resize feature of this widget
* frameborder allows to specify the edge thickness around the player
* privacy_mode allows to play video without being tracked by google (no cookies used)
* allowfullscreen let the user switch on the full screen mode if desired

$3

The parameters above can be specified globally with default values via _config.yml file.

`
youtuber:
allowfullscreen: yes,
autoplay: 1
``

[npm-url]: https://npmjs.org/package/hexo-tag-youtube-responsive
[Hexo]: https://hexo.io/
[Youtube]: https://youtube.com/
[Youtube documentation]: https://developers.google.com/youtube/player_parameters