mirror of
https://git.adityakumar.xyz/hugo-theme-even.git
synced 2024-11-08 14:39:44 +00:00
feat(shortcodes): support bilibili video (#294)
Closes #278 Co-authored-by: Herbert Lu <ry.lu@aftership.com>
This commit is contained in:
parent
513c19a0fe
commit
da4320e8a5
1 changed files with 23 additions and 0 deletions
23
layouts/shortcodes/bilibili.html
Normal file
23
layouts/shortcodes/bilibili.html
Normal file
|
@ -0,0 +1,23 @@
|
|||
|
||||
{{ $videoID := index .Params 0 }}
|
||||
{{ $pageNum := index .Params 1 | default 1 }}
|
||||
|
||||
{{ if (findRE "^[bB][vV][0-9a-zA-Z]+$" $videoID) }}
|
||||
<div><iframe id="biliplayer" src="//player.bilibili.com/player.html?bvid={{ $videoID }}&page={{ $pageNum }}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" loading="lazy" > </iframe></div>
|
||||
{{ else }}
|
||||
<div><iframe id="biliplayer" src="//player.bilibili.com/player.html?aid={{ $videoID }}&page={{ $pageNum }}" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" loading="lazy" > </iframe></div>
|
||||
{{ end }}
|
||||
|
||||
<style>
|
||||
// Embed BiliBili Video
|
||||
#bilibili {
|
||||
width: 100%;
|
||||
height: 550px;
|
||||
}
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
|
||||
#bilibili {
|
||||
width: 100%;
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
</style>
|
Loading…
Reference in a new issue