diff --git a/CHANGELOG.md b/CHANGELOG.md index 056caddd1b..f0d96516cf 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,11 @@ All notable changes to `dash` will be documented in this file. This project adheres to [Semantic Versioning](https://semver.org/). +## [UNRELEASED] + +## Added +- [#3534]((https://github.com/plotly/dash/pull/3534) Adds `playsInline` prop to `html.Video`. Based on [#2338]((https://github.com/plotly/dash/pull/2338) + ## [3.3.0] - 2025-11-12 ## Added diff --git a/components/dash-html-components/scripts/data/attributes.json b/components/dash-html-components/scripts/data/attributes.json index 9c4c6f418e..87d1d9f654 100644 --- a/components/dash-html-components/scripts/data/attributes.json +++ b/components/dash-html-components/scripts/data/attributes.json @@ -489,6 +489,12 @@ ], "description": "Provides a hint to the user of what can be entered in the field." }, + "playsInline": { + "elements": [ + "video" + ], + "description": "A Boolean attribute indicating that the video is to be played \"inline\"; that is, within the element's playback area. Note that the absence of this attribute does not imply that the video will always be played in fullscreen." + }, "poster": { "elements": [ "video" @@ -898,6 +904,7 @@ "height", "loop", "muted", + "playsInline", "poster", "preload", "src", diff --git a/components/dash-html-components/scripts/extract-attributes.js b/components/dash-html-components/scripts/extract-attributes.js index 0a3903b9a7..26759db550 100644 --- a/components/dash-html-components/scripts/extract-attributes.js +++ b/components/dash-html-components/scripts/extract-attributes.js @@ -23,7 +23,7 @@ const supportedAttributes = ['accept', 'accessKey', 'action', 'allow', 'keyParams', 'keyType', 'kind', 'label', 'lang', 'list', 'loop', 'low', 'manifest', 'marginHeight', 'marginWidth', 'max', 'maxLength', 'media', 'mediaGroup', 'method', 'min', 'minLength', 'multiple', 'muted', 'name', -'noValidate', 'nonce', 'open', 'optimum', 'pattern', 'placeholder', 'poster', +'noValidate', 'nonce', 'open', 'optimum', 'pattern', 'placeholder', 'playsInline', 'poster', 'preload', 'profile', 'radioGroup', 'readOnly', 'referrerPolicy', 'rel', 'required', 'reversed', 'role', 'rowSpan', 'rows', 'sandbox', 'scope', 'scoped', 'scrolling', 'seamless', 'selected', 'shape', 'size', 'sizes', 'span', 'spellCheck', 'src', diff --git a/components/dash-html-components/scripts/generate-components.js b/components/dash-html-components/scripts/generate-components.js index 92f69cc761..1e4bd0d677 100644 --- a/components/dash-html-components/scripts/generate-components.js +++ b/components/dash-html-components/scripts/generate-components.js @@ -32,6 +32,7 @@ const BOOLEAN_PROPERTIES = [ 'noModule', 'noValidate', 'open', + 'playsInline', 'readonly', 'required', 'reversed',