diff --git a/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap b/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
index 621af92eb7f..b233aedd8bf 100644
--- a/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
+++ b/src/implementations/twig/components/gallery/__snapshots__/gallery.test.js.snap
@@ -334,40 +334,20 @@ exports[`Gallery Default renders correctly 1`] = `
class="ecl-gallery__item"
>
-
+ src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
+ />
@@ -1022,40 +1002,20 @@ exports[`Gallery Default renders correctly with extra attributes 1`] = `
class="ecl-gallery__item"
>
-
+ src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
+ />
- Kids' Corner
+ Climate change and protect nature
- Copyright, Author, Licence for image 8
+ Copyright, Author, Licence for embedded media
@@ -1708,40 +1668,20 @@ exports[`Gallery Default renders correctly with extra class names 1`] = `
class="ecl-gallery__item"
>
-
+ src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg"
+ />
- Kids' Corner
+ Climate change and protect nature
- Copyright, Author, Licence for image 8
+ Copyright, Author, Licence for embedded media
diff --git a/src/implementations/vanilla/components/gallery/_gallery.scss b/src/implementations/vanilla/components/gallery/_gallery.scss
index 2927338083f..80bbf1ad09f 100644
--- a/src/implementations/vanilla/components/gallery/_gallery.scss
+++ b/src/implementations/vanilla/components/gallery/_gallery.scss
@@ -283,7 +283,7 @@ $_overlay-links-hover-color: null !default;
.ecl-gallery__slider-embed {
@include uMedia.aspect-ratio(16, 9);
- width: 100%;
+ width: calc(100% - map.get(theme.$spacing, 'l'));
}
.ecl-gallery__slider-previous {
diff --git a/src/specs/components/gallery/demo/data.js b/src/specs/components/gallery/demo/data.js
index fcb846a2d95..c6144b3ec3a 100644
--- a/src/specs/components/gallery/demo/data.js
+++ b/src/specs/components/gallery/demo/data.js
@@ -119,44 +119,21 @@ module.exports = {
share_path: '/share#example-image7.jpg',
},
{
- // Video
- video: {
- poster:
- 'https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg',
- sources: [
- {
- src: 'https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.mp4',
- type: 'video/mp4',
- },
- {
- src: 'https://inno-ecl.s3.amazonaws.com/media/videos/big_buck_bunny.webm',
- type: 'video/webm',
- },
- ],
- tracks: [
- {
- src: '/captions/bunny-en.vtt',
- kind: 'captions',
- src_lang: 'en',
- label: 'English',
- },
- {
- src: '/captions/bunny-fr.vtt',
- kind: 'captions',
- src_lang: 'fr',
- label: 'français',
- },
- ],
+ // Embedded AV Portal video
+ image: {
+ src: 'https://inno-ecl.s3.amazonaws.com/media/examples/example-image8.jpg',
+ alt: 'Climate change and protect nature',
},
- alt: 'Image 8',
- description: "Kids' Corner",
- meta: 'Copyright, Author, Licence for image 8',
+ embedded_video: {
+ src: 'https://audiovisual.ec.europa.eu/embed/index.html?ref=I-223223&lg=EN',
+ },
+ description: 'Climate change and protect nature',
+ meta: 'Copyright, Author, Licence for embedded media',
icon: {
name: 'video',
size: 'l',
path: '/icons.svg',
},
- share_path: '/share#example-image8.jpg',
},
{
// Image