Merge pull request #208 from marp-team/chromium-video-workaround

Apply workaround for glitched video control on Chromium
marp-team · Nov 6, 2019 · 5f6f2ad · 5f6f2ad
2 parents f9a812f + d600899
commit 5f6f2ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## [Unreleased]
 
+### Fixed
+
+- Apply workaround for glitched video control on Chromium ([#205](https://github.com/marp-team/marpit/issues/205), [#208](https://github.com/marp-team/marpit/pull/208))
+
 ### Changed
 
 - Upgrade Node for development to v12 LTS ([#202](https://github.com/marp-team/marpit/pull/202))

diff --git a/src/theme/scaffold.js b/src/theme/scaffold.js
@@ -32,6 +32,10 @@ h1 {
   font-size: 2em;
   margin: 0.67em 0;
 }
+
+video::-webkit-media-controls {
+  will-change: transform;
+}
 `.trim()
 
 /**
@@ -40,6 +44,7 @@ h1 {
  * - Define the default slide size.
  * - Set default style for `<section>`.
  * - Normalize `<h1>` heading style.
+ * - Apply workaround for glitched video control on Chromium (https://github.com/marp-team/marpit/issues/205)
  *
  * @alias module:theme/scaffold
  * @type {Theme}