Merge pull request #13413 from bruvellu/bugfix/13411-uncentered-video-button

Center big play button in video divs

Author: cscheid

news/changelog-1.9.md

@@ -8,3 +8,9 @@ All changes included in 1.9:
 
 - Update `esbuild` to 0.25.10
 - Update `deno` to 2.4.5
+
+## Formats
+
+### `html`
+
+- ([#13413](https://github.com/quarto-dev/quarto-cli/issues/13413)): Fix uncentered play button in videos from cross-reference divs.

src/resources/extensions/quarto/video/video.lua

@@ -160,7 +160,7 @@ local videoJSBuilder = function(params)
   VIDEO_SHORTCODE_NUM_VIDEOJS = VIDEO_SHORTCODE_NUM_VIDEOJS + 1
   local id = "video_shortcode_videojs_video" .. VIDEO_SHORTCODE_NUM_VIDEOJS
 
-  local SNIPPET = [[<video id="{id}"{width}{height} class="video-js vjs-default-skin {fluid}" controls preload="auto" data-setup='{}' title="{title}"><source src="{src}"></video>]]
+  local SNIPPET = [[<video id="{id}"{width}{height} class="video-js vjs-default-skin vjs-big-play-centered {fluid}" controls preload="auto" data-setup='{}' title="{title}"><source src="{src}"></video>]]
   local snippet = params.snippet or SNIPPET
   snippet = replaceCommonAttributes(snippet, params)
   snippet = interpolate {