website/layouts/shortcodes/youtube.html

35 lines
1.1 KiB
HTML
Raw Normal View History

2024-05-17 20:35:54 +02:00
{{ $code := "helloworld" }}
{{ if (.Get "code") }}
{{ $code = (.Get "code") }}
{{ else if (.Get "src") }}
{{ $code = (.Get "src") }}
2024-05-18 18:17:10 +02:00
{{ $code = (strings.ReplaceRE `(http(?:s)?:\/\/(?:www\.)?youtu(?:(?:be\.com)|(?:\.be))|(?:be-nocookie\.com))\/(?:(?:watch\?v=)|(?:embed\/)|(?:\/v\/))?(.+)?(?:\&|\?)` "" $code) }}
2024-05-17 20:35:54 +02:00
{{ end }}
2024-09-07 16:05:00 +02:00
{{ if (.Get "iframemode") }}
<center>
2024-09-07 16:18:29 +02:00
<iframe class="youtubelink" src="https://youtube.com/embed/{{ $code }}?cc_load_policy=1&cc_lang_pref=fr&hl=fr-FR&autohide=2&wmode=transparent" allowfullscreen="true"></iframe>
2024-09-07 16:05:00 +02:00
</center>
</center>
{{ else }}
<center>
2024-09-07 16:18:29 +02:00
<a class="youtubelink static" href="https://youtu.be/{{ $code }}"><img src="http://i3.ytimg.com/vi/{{ $code }}/hqdefault.jpg"/></a>
2024-09-07 16:05:00 +02:00
</center>
{{ end }}
<style>
.youtubelink{
2024-09-07 16:22:06 +02:00
display:block;
2024-09-07 16:05:00 +02:00
width:100%;
2024-09-07 16:20:34 +02:00
height:597px;
2024-09-07 16:18:29 +02:00
&.static::after{
position:absolute;
left:50%;
top:50%;
transform: translate(-50% -50%);
2024-09-07 16:20:34 +02:00
width:20px;
height:20px;
content:"Play";
2024-09-07 16:18:29 +02:00
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/52/YouTube_social_white_circle_%282017%29.svg/1024px-YouTube_social_white_circle_%282017%29.svg.png);
}
2024-09-07 16:05:00 +02:00
}
</style>