Skip to content

Commit 098b157

Browse files
kemister85kemister85
committed
DOC-3224: Revert changes, minor copy edits and improvements.
1 parent 0806a44 commit 098b157

File tree

4 files changed

+32
-60
lines changed

4 files changed

+32
-60
lines changed

‎modules/ROOT/examples/live-demos/uploadcare-video/index.html‎

Lines changed: 27 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,29 @@
11
<textarea id="uploadcare-video">
2-
<h1>Experience Mallorca: Outdoor Paradise</h1>
3-
<p><span style="color: #4e5c73;">Discover the outdoor lifestyle and natural beauty of Mallorca through our exclusive video content. From beachside bonfires to mountain adventures, experience what makes this Mediterranean paradise the perfect destination for outdoor enthusiasts.&nbsp;</span></p>
4-
5-
<h2>Evenings by the Fire</h2>
6-
<p>Watch this captivating video showcasing the magical atmosphere of Mallorca's outdoor lifestyle:</p>
7-
<p><uc-video uuid="83fd9f98-1939-4d99-b5e3-85563f89f5fb" class="tox-uc-video" contenteditable="false" controls="true" /></p>
8-
<p><em>Experience the warmth of beachside gatherings, the crackling of bonfires under starlit skies, and the peaceful ambiance that makes Mallorca the perfect destination for outdoor living.</em></p>
9-
10-
<h2>Mallorca's Outdoor Lifestyle</h2>
11-
<p>Our island paradise offers more than just beautiful beaches&mdash;it provides a complete outdoor lifestyle experience:</p>
12-
13-
<ul>
14-
<li><strong>Beachside bonfires</strong> under Mediterranean starlit skies</li>
15-
<li><strong>Hiking trails</strong> through Tramuntana mountain ranges</li>
16-
<li><strong>Water sports</strong> in crystal-clear turquoise waters</li>
17-
<li><strong>Cycling routes</strong> through charming countryside villages</li>
18-
<li><strong>Rock climbing</strong> on dramatic coastal cliffs</li>
19-
<li><strong>Sunset gatherings</strong> with friends and family</li>
20-
</ul>
21-
22-
<h2>Start Your Mallorca Adventure</h2>
23-
<p>Ready to experience the outdoor paradise? <a href="tiny.cloud">Contact us today</a> to discover more about Mallorca's outdoor lifestyle and learn how to capture your own magical moments.</p>
24-
25-
<h3>Video Features You Can Test:</h3>
26-
<ul>
27-
<li><strong>Upload new videos</strong> via the uploadcare button in the toolbar</li>
28-
<li><strong>Drag and drop</strong> video files directly into the editor</li>
29-
<li><strong>Resize videos</strong> by dragging the corner handles</li>
30-
<li><strong>Video controls</strong> - play, pause, volume, fullscreen, and more</li>
31-
<li><strong>Video properties</strong> - configure autoplay, loop, muted, and other settings</li>
32-
<li><strong>Supported formats</strong> - MP4, WebM, and other video formats</li>
33-
</ul>
2+
<h1>Experience Mallorca: Outdoor Paradise</h1>
3+
<p><span style="color: #4e5c73;">Discover the outdoor lifestyle and natural beauty of Mallorca through our exclusive video content. From beachside bonfires to mountain adventures, experience what makes this Mediterranean paradise the perfect destination for outdoor enthusiasts.&nbsp;</span></p>
4+
<h2>Evenings by the Fire</h2>
5+
<p>Watch this captivating video showcasing the magical atmosphere of Mallorca's outdoor lifestyle:</p>
6+
<p><uc-video uuid="83fd9f98-1939-4d99-b5e3-85563f89f5fb" fluid="true" style="width: min(3840px, 100%);" class="tox-uc-video" contenteditable="false" controls="true" /></p>
7+
<p><em>Experience the warmth of beachside gatherings, the crackling of bonfires under starlit skies, and the peaceful ambiance that makes Mallorca the perfect destination for outdoor living.</em></p>
8+
<h2>Mallorca's Outdoor Lifestyle</h2>
9+
<p>Our island paradise offers more than just beautiful beaches&mdash;it provides a complete outdoor lifestyle experience:</p>
10+
<ul>
11+
<li><strong>Beachside bonfires</strong> under Mediterranean starlit skies</li>
12+
<li><strong>Hiking trails</strong> through Tramuntana mountain ranges</li>
13+
<li><strong>Water sports</strong> in crystal-clear turquoise waters</li>
14+
<li><strong>Cycling routes</strong> through charming countryside villages</li>
15+
<li><strong>Rock climbing</strong> on dramatic coastal cliffs</li>
16+
<li><strong>Sunset gatherings</strong> with friends and family</li>
17+
</ul>
18+
<h2>Start Your Mallorca Adventure</h2>
19+
<p>Ready to experience the outdoor paradise? <a href="tiny.cloud">Contact us today</a> to discover more about Mallorca's outdoor lifestyle and learn how to capture your own magical moments.</p>
20+
<h3>Video Features You Can Test:</h3>
21+
<ul>
22+
<li><strong>Upload new videos</strong> via the uploadcare button in the toolbar</li>
23+
<li><strong>Drag and drop</strong> video files directly into the editor</li>
24+
<li><strong>Resize videos</strong> by dragging the corner handles</li>
25+
<li><strong>Video controls</strong> - play, pause, volume, fullscreen, and more</li>
26+
<li><strong>Video properties</strong> - configure autoplay, loop, muted, and other settings</li>
27+
<li><strong>Supported formats</strong> - MP4, WebM, and other video formats</li>
28+
</ul>
3429
</textarea>

‎modules/ROOT/pages/8.3.0-release-notes.adoc‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -34,11 +34,9 @@ The {productname} {release-version} release includes an accompanying release of
3434

3535
**Media Optimizer** includes the following improvements.
3636

37-
==== `uc-video` tags can now be made responsive
37+
==== Newly uploaded videos are now responsive
3838

39-
The **Media Optimizer** plugin's video functionality has been enhanced with a new configuration option for the xref:uploadcare-video.adoc#uploadcare-video-properties[`uploadcare_video_properties`] setting:
40-
41-
* **`fluid`**: Enables responsive video sizing. When set to `true`, videos are automatically sized responsively using `width: min(original-width, 100%)` CSS, allowing them to scale down on smaller screens while maintaining their maximum size.
39+
Newly uploaded videos are now responsive by default. Videos automatically scale down on smaller screens while maintaining their maximum size. For more information, see: xref:uploadcare-video.adoc#uploadcare-video-properties[`uploadcare_video_properties` configuration option].
4240

4341
For information on the **Media Optimizer** plugin, see: xref:uploadcare-video.adoc[Media Optimizer: Video].
4442

‎modules/ROOT/pages/uploadcare-video.adoc‎

Lines changed: 2 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -117,38 +117,19 @@ include::partial$configuration/uploadcare_video_resize.adoc[leveloffset=+1]
117117

118118
The plugin creates a custom `+<uc-video>+` element that replaces the standard HTML `+<video>+` element when videos are processed through Uploadcare's infrastructure.
119119

120-
.Example: Custom video element created by the plugin on video insertion (responsive)
121-
[source,html]
122-
----
123-
<uc-video
124-
uuid="video-uuid-here"
125-
class="tox-uc-video"
126-
contenteditable="true"
127-
fluid="true"
128-
controls="true"
129-
autoplay="false"
130-
loop="false"
131-
muted="false"
132-
preload="metadata"
133-
style="width: min(640px, 100%);"
134-
poster="https://example.com/poster.jpg"
135-
showlogo="false"
136-
</uc-video>
137-
----
138-
139120
.Example: Custom video element with fixed dimensions (non-responsive)
140121
[source,html]
141122
----
142123
<uc-video
143124
uuid="video-uuid-here"
144125
class="tox-uc-video"
145-
contenteditable="true"
126+
contenteditable="false"
127+
data-setup="{}"
146128
controls="true"
147129
autoplay="false"
148130
loop="false"
149131
muted="false"
150132
preload="metadata"
151-
style="width: 640px; height: 360px;"
152133
poster="https://example.com/poster.jpg"
153134
showlogo="false"
154135
</uc-video>

‎modules/ROOT/partials/configuration/uploadcare_video_properties.adoc‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,14 @@ Configures the video player properties and behavior for video elements.
1515
|`autoplay` | Boolean | `true`, `false`, `undefined` | `undefined` | Automatically starts video playback when the page loads. NOTE: Even if autoplay is enabled, modern browsers may delay or block playback until the user interacts with the page, depending on their autoplay policies.
1616
|`controls` | Boolean | `true`, `false` | `true` | Displays the video player controls (play/pause, volume, timeline, fullscreen, etc.). When disabled, users can still control playback through keyboard shortcuts or programmatic methods.
1717
|`disablePictureInPicture` | Boolean | `true`, `false`, `undefined` | `undefined` | Disables the Picture-in-Picture feature for the video player. When enabled, users cannot use Picture-in-Picture mode.
18-
|`fluid` | Boolean | `true`, `false`, `undefined` | `undefined` | Enables responsive video sizing. When set to `true`, videos are automatically sized responsively using `width: min(original-width, 100%)` CSS, allowing them to scale down on smaller screens while maintaining their maximum size.
1918
|`height` | Number or String | Pixels or CSS value | `undefined` | Sets the video player height. Accepts numeric values (interpreted as pixels) or CSS values like `"100%"`, `"50vh"`, or `"auto"`. When a numeric value is provided, it is applied as an inline CSS style with `px` units (e.g., `height: 360px`).
2019
|`loop` | Boolean | `true`, `false`, `undefined` | `undefined` | Automatically restarts video playback from the beginning when it reaches the end. Useful for background videos or continuous content loops.
2120
|`muted` | Boolean | `true`, `false`, `undefined` | `undefined` | Mutes the video audio by default. Often used in combination with autoplay since most browsers require muted videos for autoplay to function.
2221
|`poster` | String | Valid URL | `undefined` | Sets a poster image (thumbnail) that displays before video playback begins. The image should match the video's aspect ratio for best results.
2322
|`posterOffset` | String | Time format `"MM:SS"` or `"H:MM:SS"` | `undefined` | Sets the time offset for generating a poster image from the video. When `poster` is not specified, this value determines the frame to use as the poster. Format: `"0:10"` for 10 seconds, `"1:30"` for 1 minute 30 seconds.
2423
|`preload` | String | `auto`, `metadata`, `none` | `undefined` | Controls how much video data to preload: `auto` loads the entire video, `metadata` loads only basic information, `none` loads nothing until playback starts. Performance considerations: use `metadata` for better page load times and bandwidth conservation, `auto` for immediate playback without buffering delays, and `none` for maximum bandwidth savings when videos may not be played.
2524
|`showLogo` | Boolean | `true`, `false` | `false` | Displays the Uploadcare logo overlay on the video player.
26-
|`width` | Number or String | Pixels or CSS value | `undefined` | Sets the video player width. Accepts numeric values (interpreted as pixels) or CSS values like `"100%"`, `"50vw"`, or `"auto"`. When a numeric value is provided, it is applied as an inline CSS style with `px` units (e.g., `width: 640px`). When used with `fluid: true`, the width is applied responsively using `width: min(original-width, 100%)`.
25+
|`width` | Number or String | Pixels or CSS value | `undefined` | Sets the video player width. Accepts numeric values (interpreted as pixels) or CSS values like `"100%"`, `"50vw"`, or `"auto"`.
2726
|===
2827

2928
.Example: Basic video player configuration
@@ -45,7 +44,6 @@ tinymce.init({
4544
posterOffset: '0:10', // Time offset for poster generation
4645
width: 640,
4746
height: 360,
48-
fluid: true, // Enables responsive video sizing
4947
showLogo: false
5048
},
5149
});

0 commit comments

Comments
 (0)