diff --git a/CHANGES.md b/CHANGES.md index d5b497284..39f3ac840 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -2,8 +2,9 @@ ## 4.7.0 - unreleased -- Fix video.js v8 deprecation warnings -- ffmpeg.wasm plugin: add support for v0.12.x +- Fix video.js v8 deprecation warnings (#707) +- Ignore click events for record indicator (#688) +- ffmpeg.wasm plugin: add support for v0.12.x (#708) - Bump required version for: - videojs-wavesurfer (3.10.0 or newer) - webrtc-adapter (8.2.3 or newer) diff --git a/src/css/components/record-indicator.scss b/src/css/components/record-indicator.scss index c1d80cf93..71fc5f3ad 100644 --- a/src/css/components/record-indicator.scss +++ b/src/css/components/record-indicator.scss @@ -4,6 +4,7 @@ .vjs-record.video-js .vjs-control.vjs-record-indicator.vjs-hidden { display: block!important; + pointer-events: none; opacity: 0; transform: translateX(1em) rotateX(-90deg) scale(0.9); transition: all .5s, transform .5s .25s; @@ -13,6 +14,7 @@ width: .8em; height: .8em; background-color: #ff625e; + pointer-events: none; line-height: 1.1em; border-radius: 50%; right: 2.5ex; @@ -27,6 +29,7 @@ content: attr(data-label); color: white; position: absolute; + pointer-events: none; left: -2.7em; font-family: "Helvetica", sans-serif; animation-name: pulsetext; @@ -41,6 +44,7 @@ .vjs-record.video-js .vjs-control.vjs-record-indicator:after { content: ""; display: block; + pointer-events: none; height: calc(.8em - 4px); width: calc(.8em - 4px); border: 2px solid #ff625e;