mirror/hugo
1
0
Fork 0
mirror of https://github.com/gohugoio/hugo.git synced 2025-08-29 22:29:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

tpl/tplimpl: Fix full screen option in vimeo and youtube shortcodes

Browse Source 
Closes #13531

Co-authored-by: Stefan Ritter <60473875+gideonstar-git@users.noreply.github.com>
This commit is contained in:
Joe Mooring
2025-03-26 16:01:01 -07:00
committed by Bjørn Erik Pedersen
parent 8d2379bcb3
commit 6f14dbe24c
3 changed files with 43 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
tpl/tplimpl/embedded/templates/shortcodes/vimeo.html
View File

@@ -4,10 +4,11 @@ Renders an embedded Vimeo video.
Accepts named or positional arguments. If positional, order is id, class,
title, then loading.
@param {string} [class] The class attribute of the wrapping div element. When specified, removes the style attributes from the iframe element and its wrapping div element.
@param {string} [id] The video id. Optional if the id is provided as first positional argument.
@param {string} [class] The class attribute of the wrapping div element. When specified, removes the style attributes from the iframe element and its wrapping div element.
@param {string} [loading=eager] The loading attribute of the iframe element.
@param {string} [title=Vimeo video] The title attribute of the iframe element.
@param {bool} [allowFullScreen=true] Whether the iframe element can activate full screen mode.
@returns {template.HTML}
@@ -19,11 +20,24 @@ title, then loading.
{{- if $pc.Simple }}
{{- template "_internal/shortcodes/vimeo_simple.html" . }}
{{- else }}
{{- $dnt := cond $pc.EnableDNT 1 0 }}
{{- $id := or (.Get "id") (.Get 0) "" }}
{{- $class := or (.Get "class") (.Get 1) "" }}
{{- $title := or (.Get "title") (.Get 2) "Vimeo video" }}
{{- $loading := or (.Get "loading") (.Get 3) "eager" }}
{{- $dnt := cond $pc.EnableDNT 1 0 }}
{{- $allowFullScreen := or (.Get "allowFullScreen") (.Get 4) true }}
{{- if in (slice "false" false 0) ($.Get "allowFullScreen") }}
{{- $allowFullScreen = false }}
{{- else if in (slice "true" true 1) ($.Get "allowFullScreen") }}
{{- $allowFullScreen = true }}
{{- end }}
{{- $iframeAllowList := "" }}
{{- if $allowFullScreen }}
{{- $iframeAllowList = "fullscreen" }}
{{- end }}
{{- $divStyle := "position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;" }}
{{- $iframeStyle := "position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" }}
@@ -36,11 +50,12 @@ title, then loading.
{{- else }}
style="{{ $divStyle | safeCSS }}"
{{- end }}>
<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen
<iframe
src="{{- $src }}"
{{- if not $class }}
style="{{ $iframeStyle | safeCSS }}"
{{- end }}
{{- with $iframeAllowList }} allow="{{ . }}" {{- end }}
{{- with $loading }} loading="{{ . }}" {{- end }}
{{- with $title }} title="{{ . }}" {{- end }}>
</iframe>

13
tpl/tplimpl/embedded/templates/shortcodes/youtube.html
View File

@@ -27,7 +27,7 @@ Renders an embedded YouTube video.
{{- with $id := or (.Get "id") (.Get 0) }}
{{- /* Set defaults. */}}
{{- $allowFullScreen := "allowfullscreen" }}
{{- $allowFullScreen := true }}
{{- $autoplay := 0 }}
{{- $class := "" }}
{{- $controls := 1 }}
@@ -37,12 +37,11 @@ Renders an embedded YouTube video.
{{- $mute := 0 }}
{{- $start := 0 }}
{{- $title := "YouTube video" }}
{{- $iframeAllowList := "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" }}
{{- /* Get arguments. */}}
{{- if in (slice "false" false 0) ($.Get "allowFullScreen") }}
{{- $allowFullScreen = "" }}
{{- else if in (slice "true" true 1) ($.Get "allowFullScreen") }}
{{- $allowFullScreen = "allowfullscreen" }}
{{- if in (slice "true" true 1) ($.Get "allowFullScreen") }}
{{- $iframeAllowList = printf "%s; fullscreen" $iframeAllowList }}
{{- end }}
{{- if in (slice "false" false 0) ($.Get "autoplay") }}
{{- $autoplay = 0 }}
@@ -99,7 +98,6 @@ Renders an embedded YouTube video.
{{- if $class }}
{{- $iframeStyle = "" }}
{{- end }}
{{- $allow := "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" }}
{{- $referrerpolicy := "strict-origin-when-cross-origin" }}
{{- /* Render. */ -}}
@@ -108,8 +106,7 @@ Renders an embedded YouTube video.
{{- with $divStyle }} style="{{ . | safeCSS }}" {{- end -}}
>
<iframe
{{- with $allow }} allow="{{ . }}" {{- end }}
{{- with $allowFullScreen }} allowfullscreen="{{ . }}" {{- end }}
{{- with $iframeAllowList }} allow="{{ . }}" {{- end }}
{{- with $loading }} loading="{{ . }}" {{- end }}
{{- with $referrerpolicy }} referrerpolicy="{{ . }}" {{- end }}
{{- with $src }} src="{{ . }}" {{- end }}