diff --git a/CHANGELOG.md b/CHANGELOG.md index fd6ba04f13..4b84e2a1c3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ 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) - [#3541](https://github.com/plotly/dash/pull/3541) Add `attributes` dictionary to be be formatted on script/link (_js_dist/_css_dist) tags of the index, allows for `type="module"` or `type="importmap"`. [#3538](https://github.com/plotly/dash/issues/3538) ## Fixed 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',