hr-design-system-handlebars 1.70.11 → 1.71.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/button/utilities/button_on_image_classes.hbs +0 -3
  4. package/dist/views/components/content/copytext/components/media/media_figure.hbs +2 -5
  5. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  6. package/dist/views/components/teaser/components/teaser_image.hbs +1 -1
  7. package/dist/views/components/teaser/components/teaser_media_player.hbs +4 -3
  8. package/dist/views_static/components/button/utilities/button_on_image_classes.hbs +0 -3
  9. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +2 -5
  10. package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +5 -5
  11. package/dist/views_static/components/teaser/components/teaser_image.hbs +1 -1
  12. package/dist/views_static/components/teaser/components/teaser_media_player.hbs +4 -3
  13. package/package.json +1 -1
  14. package/src/assets/fixtures/content/copytext/copytext_video.json +122 -126
  15. package/src/stories/views/components/button/utilities/button_on_image_classes.hbs +0 -3
  16. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +2 -5
  17. package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
  18. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  19. package/src/stories/views/components/teaser/components/teaser_image.hbs +1 -1
  20. package/src/stories/views/components/teaser/components/teaser_media_player.hbs +4 -3
  21. package/dist/views/components/content/copytext/components/video/video_element.hbs +0 -15
  22. package/dist/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
  23. package/dist/views_static/components/content/copytext/components/video/video_element.hbs +0 -15
  24. package/dist/views_static/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
  25. package/src/stories/views/components/content/copytext/components/video/video_element.hbs +0 -15
  26. package/src/stories/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.71.0 (Tue Jun 18 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - Feature/dpe 3023 [#950](https://github.com/mumprod/hr-design-system-handlebars/pull/950) ([@szuelch](https://github.com/szuelch) [@ampersand83](https://github.com/ampersand83))
6
+
7
+ #### Authors: 2
8
+
9
+ - [@ampersand83](https://github.com/ampersand83)
10
+ - [@szuelch](https://github.com/szuelch)
11
+
12
+ ---
13
+
1
14
  # v1.70.11 (Mon Jun 17 2024)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3365,7 +3365,7 @@ article.indexTextDS .indexTextHighlighted .link {
3365
3365
  border-bottom-color: var(--color-secondary-ds);
3366
3366
  }
3367
3367
  .counter-reset {
3368
- counter-reset: cnt1718637216423;
3368
+ counter-reset: cnt1718704295379;
3369
3369
  }
3370
3370
  .hyphens-auto {
3371
3371
  -webkit-hyphens: auto;
@@ -3744,7 +3744,7 @@ article.indexTextDS .indexTextHighlighted .link {
3744
3744
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3745
3745
  }
3746
3746
  .-ordered {
3747
- counter-increment: cnt1718637216423 1;
3747
+ counter-increment: cnt1718704295379 1;
3748
3748
  }
3749
3749
  .-ordered::before {
3750
3750
  position: absolute;
@@ -3760,7 +3760,7 @@ article.indexTextDS .indexTextHighlighted .link {
3760
3760
  letter-spacing: .0125em;
3761
3761
  --tw-text-opacity: 1;
3762
3762
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3763
- content: counter(cnt1718637216423);
3763
+ content: counter(cnt1718704295379);
3764
3764
  }
3765
3765
  /*! ****************************/
3766
3766
  /*! DataPolicy stuff */
package/dist/views/components/button/utilities/button_on_image_classes.hbs CHANGED
@@ -1,7 +1,4 @@
1
1
  absolute
2
- {{~#unless _isCopyText }}
3
- bottom-0 right-0
4
- {{~/unless}}
5
2
 
6
3
  {{~#switch _teaserType~}}
7
4
  {{~#case 'standard'~}}
package/dist/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -17,11 +17,8 @@
17
17
  </figcaption>
18
18
  {{/unless}}
19
19
  {{#if this.isVideo}}
20
- {{#if _isLead}}
21
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true _noDelay=true ~}}
22
- {{else}}
23
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true~}}
24
- {{/if}}
20
+ {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
21
+ {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
25
22
  {{/if}}
26
23
  {{#unless _voting-option}}
27
24
  {{#with this.teaseritem}}
package/dist/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
5
  {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio-adjust_context}}
6
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
7
7
  {{/with}}
8
8
  {{#if ../../_isMobile1to1~}}
9
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -14,7 +14,7 @@
14
14
  {{#with this.toModel.audioElement}}
15
15
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
16
  {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio-adjust_context}}
17
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
18
18
  {{/with}}
19
19
  {{#if ../../_isMobile1to1~}}
20
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -25,7 +25,7 @@
25
25
  {{#with this.toModel.audioElement}}
26
26
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
27
  {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio-adjust_context}}
28
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
29
29
  {{/with}}
30
30
  {{#if ../../_isMobile1to1~}}
31
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -36,7 +36,7 @@
36
36
  {{#with this.toModel.audioLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
38
  {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context}}
39
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
40
40
  {{/with}}
41
41
  {{#if ../../_isMobile1to1~}}
42
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -47,7 +47,7 @@
47
47
  {{#with this.toModel.videoLivestreamElement}}
48
48
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
49
  {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context}}
50
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
51
51
  {{/with}}
52
52
  {{#if ../../_isMobile1to1~}}
53
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
package/dist/views/components/teaser/components/teaser_image.hbs CHANGED
@@ -8,7 +8,7 @@
8
8
  {{#if this.isProgram}}
9
9
  {{#if this.showMediatheksLink}}
10
10
  {{#with this}}
11
- {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
11
+ {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline bottom-0 right-0"}}
12
12
  {{#*inline "css"~}}
13
13
  {{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=../../_isMobile1to1-adjust_context}}
14
14
  {{/inline}}
package/dist/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative {{_aspectRatio}}" x-show="!avStart" >
1
+ <div class="relative{{#if _css}} {{_css}}{{/if}} {{_aspectRatio}}" x-show="!avStart" >
2
2
  {{#unless this.hideGeotag}}
3
3
  {{~#with this.geotag}}
4
4
  {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
@@ -6,10 +6,11 @@
6
6
  {{/unless}}
7
7
 
8
8
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
9
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
9
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=../../_noDelay-adjust_context ~}}
10
10
  {{#if this.isTickerTeaser}}</a>{{/if}}
11
11
 
12
+
12
13
  {{#with this}}
13
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{> components/mediaplayer/mediaplayer_button _css=(if _isUsedInCopytext "" "bottom-0 right-0") _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
15
  {{/with}}
15
16
  </div>
package/dist/views_static/components/button/utilities/button_on_image_classes.hbs CHANGED
@@ -1,7 +1,4 @@
1
1
  absolute
2
- {{~#unless _isCopyText }}
3
- bottom-0 right-0
4
- {{~/unless}}
5
2
 
6
3
  {{~#switch _teaserType~}}
7
4
  {{~#case 'standard'~}}
package/dist/views_static/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -17,11 +17,8 @@
17
17
  </figcaption>
18
18
  {{/unless}}
19
19
  {{#if this.isVideo}}
20
- {{#if _isLead}}
21
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true _noDelay=true ~}}
22
- {{else}}
23
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true~}}
24
- {{/if}}
20
+ {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
21
+ {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
25
22
  {{/if}}
26
23
  {{#unless _voting-option}}
27
24
  {{#with this.teaseritem}}
package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
5
  {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio}}
6
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
7
7
  {{/with}}
8
8
  {{#if ../../_isMobile1to1~}}
9
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -14,7 +14,7 @@
14
14
  {{#with this.toModel.audioElement}}
15
15
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
16
  {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio}}
17
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
18
18
  {{/with}}
19
19
  {{#if ../../_isMobile1to1~}}
20
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -25,7 +25,7 @@
25
25
  {{#with this.toModel.audioElement}}
26
26
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
27
  {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio}}
28
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
29
29
  {{/with}}
30
30
  {{#if ../../_isMobile1to1~}}
31
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -36,7 +36,7 @@
36
36
  {{#with this.toModel.audioLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
38
  {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
39
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
40
40
  {{/with}}
41
41
  {{#if ../../_isMobile1to1~}}
42
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -47,7 +47,7 @@
47
47
  {{#with this.toModel.videoLivestreamElement}}
48
48
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
49
  {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
50
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
51
51
  {{/with}}
52
52
  {{#if ../../_isMobile1to1~}}
53
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
package/dist/views_static/components/teaser/components/teaser_image.hbs CHANGED
@@ -8,7 +8,7 @@
8
8
  {{#if this.isProgram}}
9
9
  {{#if this.showMediatheksLink}}
10
10
  {{#with this}}
11
- {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
11
+ {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline bottom-0 right-0"}}
12
12
  {{#*inline "css"~}}
13
13
  {{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=_isMobile1to1}}
14
14
  {{/inline}}
package/dist/views_static/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative {{_aspectRatio}}" x-show="!avStart" >
1
+ <div class="relative{{#if _css}} {{_css}}{{/if}} {{_aspectRatio}}" x-show="!avStart" >
2
2
  {{#unless this.hideGeotag}}
3
3
  {{~#with this.geotag}}
4
4
  {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
@@ -6,10 +6,11 @@
6
6
  {{/unless}}
7
7
 
8
8
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
9
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}
9
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=_noDelay ~}}
10
10
  {{#if this.isTickerTeaser}}</a>{{/if}}
11
11
 
12
+
12
13
  {{#with this}}
13
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{> components/mediaplayer/mediaplayer_button _css=(if _isUsedInCopytext "" "bottom-0 right-0") _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
15
  {{/with}}
15
16
  </div>
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.70.11",
9
+ "version": "1.71.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/fixtures/content/copytext/copytext_video.json CHANGED
@@ -9,73 +9,71 @@
9
9
  },
10
10
  {
11
11
  "paragraphBoxItem": {
12
-
13
- "isVideo": true,
14
- "showFullSize": {
15
- "isTrue": true
16
- },
17
- "label": {
18
- "type": "video",
19
- "loca": "label_video",
20
- "byline": {
21
- "bylineText": "03:20 Min."
22
- }
23
- },
24
- "copyright": "hessenschau",
25
- "airdateDate": {
26
- "htmlDateTime": "2022-10-31T19:30+0200",
27
- "htmlDate": "31.10.2022",
28
- "date": "31.10.22",
29
- "dateSeparatorTime": "31.10.22, 19:30"
12
+ "isVideo": true,
13
+ "showFullSize": {
14
+ "isTrue": true
15
+ },
16
+ "label": {
17
+ "type": "video",
18
+ "loca": "label_video",
19
+ "byline": {
20
+ "bylineText": "03:20 Min."
21
+ }
22
+ },
23
+ "copyright": "hessenschau",
24
+ "airdateDate": {
25
+ "htmlDateTime": "2022-10-31T19:30+0200",
26
+ "htmlDate": "31.10.2022",
27
+ "date": "31.10.22",
28
+ "dateSeparatorTime": "31.10.22, 19:30"
29
+ },
30
+ "toModel": {
31
+ "videoElement": {
32
+ "ardPlayerConfig": {
33
+ "@->jsoninclude": "video/videos.inc.json",
34
+ "@->contentpath": "video-1"
30
35
  },
31
- "toModel": {
32
- "videoElement": {
33
- "ardPlayerConfig": {
34
- "@->jsoninclude": "video/videos.inc.json",
35
- "@->contentpath": "video-1"
36
- },
37
- "ardPlayerJsonConfig": {
38
- "@->jsoninclude": "video/videos.inc.json",
39
- "@->contentpath": "video-1"
40
- }
41
- },
42
- "mediaBacklinkToStoryTeaser": {
43
- "link": {
44
- "url": "/videoseite",
45
- "isTargetBlank": false
46
- },
47
- "content":{
48
- "readMoreScreenreader": "zum hr3.de Video",
49
- "title":"Musik macht deinen Tag",
50
- "isForeignBrand": true,
51
- "readMore": "zum hr3.de Videoseite"
52
- },
53
- "hasIcon": true,
54
- "iconName": "extern"
55
- }
36
+ "ardPlayerJsonConfig": {
37
+ "@->jsoninclude": "video/videos.inc.json",
38
+ "@->contentpath": "video-1"
39
+ }
40
+ },
41
+ "mediaBacklinkToStoryTeaser": {
42
+ "link": {
43
+ "url": "/videoseite",
44
+ "isTargetBlank": false
56
45
  },
57
- "teaseritem": {
58
- "@->jsoninclude": "teaser/teaser_images.inc.json",
59
- "@->contentpath": "copytext_image_100",
60
- "@->replaceToken": [
61
- {
62
- "@->token": "image",
63
- "@->value": "lehrerin-ukraine-104"
64
- }
65
- ]
46
+ "content": {
47
+ "readMoreScreenreader": "zum hr3.de Video",
48
+ "title": "Musik macht deinen Tag",
49
+ "isForeignBrand": true,
50
+ "readMore": "zum hr3.de Videoseite"
66
51
  },
67
- "content":{
68
- "teaserImage": {
69
- "@->jsoninclude": "teaser/teaser_images.inc.json",
70
- "@->contentpath": "copytext_image_100",
71
- "@->replaceToken": [
72
- {
73
- "@->token": "image",
74
- "@->value": "lehrerin-ukraine-104"
75
- }
76
- ]
77
- }
52
+ "hasIcon": true,
53
+ "iconName": "extern"
54
+ }
55
+ },
56
+ "teaseritem": {
57
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
58
+ "@->contentpath": "copytext_image_100",
59
+ "@->replaceToken": [
60
+ {
61
+ "@->token": "image",
62
+ "@->value": "lehrerin-ukraine-104"
63
+ }
64
+ ]
65
+ },
66
+
67
+ "teaserImage": {
68
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
69
+ "@->contentpath": "copytext_image_100",
70
+ "@->replaceToken": [
71
+ {
72
+ "@->token": "image",
73
+ "@->value": "lehrerin-ukraine-104"
78
74
  }
75
+ ]
76
+ }
79
77
  }
80
78
  },
81
79
  {
@@ -83,73 +81,71 @@
83
81
  },
84
82
  {
85
83
  "paragraphBoxItem": {
86
-
87
- "isVideo": true,
88
- "showFullSize": {
89
- "isTrue": false
90
- },
91
- "label": {
92
- "type": "video",
93
- "loca": "label_video",
94
- "byline": {
95
- "bylineText": "03:20 Min."
96
- }
97
- },
98
- "copyright": "hessenschau",
99
- "airdateDate": {
100
- "htmlDateTime": "2022-10-31T19:30+0200",
101
- "htmlDate": "31.10.2022",
102
- "date": "31.10.22",
103
- "dateSeparatorTime": "31.10.22, 19:30"
84
+ "isVideo": true,
85
+ "showFullSize": {
86
+ "isTrue": false
87
+ },
88
+ "label": {
89
+ "type": "video",
90
+ "loca": "label_video",
91
+ "byline": {
92
+ "bylineText": "03:20 Min."
93
+ }
94
+ },
95
+ "copyright": "hessenschau",
96
+ "airdateDate": {
97
+ "htmlDateTime": "2022-10-31T19:30+0200",
98
+ "htmlDate": "31.10.2022",
99
+ "date": "31.10.22",
100
+ "dateSeparatorTime": "31.10.22, 19:30"
101
+ },
102
+ "toModel": {
103
+ "videoElement": {
104
+ "ardPlayerConfig": {
105
+ "@->jsoninclude": "video/videos.inc.json",
106
+ "@->contentpath": "video-2"
104
107
  },
105
- "toModel": {
106
- "videoElement": {
107
- "ardPlayerConfig": {
108
- "@->jsoninclude": "video/videos.inc.json",
109
- "@->contentpath": "video-2"
110
- },
111
- "ardPlayerJsonConfig": {
112
- "@->jsoninclude": "video/videos.inc.json",
113
- "@->contentpath": "video-2"
114
- }
115
- },
116
- "mediaBacklinkToStoryTeaser": {
117
- "link": {
118
- "url": "/videoseite",
119
- "isTargetBlank": false
120
- },
121
- "content":{
122
- "readMoreScreenreader": "zum hr3.de Video",
123
- "title":"Musik macht deinen Tag",
124
- "isForeignBrand": false,
125
- "readMore": "zum hr3.de Videoseite"
126
- },
127
- "hasIcon": true,
128
- "iconName": "extern"
129
- }
108
+ "ardPlayerJsonConfig": {
109
+ "@->jsoninclude": "video/videos.inc.json",
110
+ "@->contentpath": "video-2"
111
+ }
112
+ },
113
+ "mediaBacklinkToStoryTeaser": {
114
+ "link": {
115
+ "url": "/videoseite",
116
+ "isTargetBlank": false
130
117
  },
131
- "teaseritem": {
132
- "@->jsoninclude": "teaser/teaser_images.inc.json",
133
- "@->contentpath": "copytext_image_50",
134
- "@->replaceToken": [
135
- {
136
- "@->token": "image",
137
- "@->value": "lehrerin-ukraine-104"
138
- }
139
- ]
118
+ "content": {
119
+ "readMoreScreenreader": "zum hr3.de Video",
120
+ "title": "Musik macht deinen Tag",
121
+ "isForeignBrand": false,
122
+ "readMore": "zum hr3.de Videoseite"
140
123
  },
141
- "content":{
142
- "teaserImage": {
143
- "@->jsoninclude": "teaser/teaser_images.inc.json",
144
- "@->contentpath": "copytext_image_50",
145
- "@->replaceToken": [
146
- {
147
- "@->token": "image",
148
- "@->value": "lehrerin-ukraine-104"
149
- }
150
- ]
151
- }
124
+ "hasIcon": true,
125
+ "iconName": "extern"
126
+ }
127
+ },
128
+ "teaseritem": {
129
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
130
+ "@->contentpath": "copytext_image_50",
131
+ "@->replaceToken": [
132
+ {
133
+ "@->token": "image",
134
+ "@->value": "lehrerin-ukraine-104"
135
+ }
136
+ ]
137
+ },
138
+
139
+ "teaserImage": {
140
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
141
+ "@->contentpath": "copytext_image_50",
142
+ "@->replaceToken": [
143
+ {
144
+ "@->token": "image",
145
+ "@->value": "lehrerin-ukraine-104"
152
146
  }
147
+ ]
148
+ }
153
149
  }
154
150
  },
155
151
  {
package/src/stories/views/components/button/utilities/button_on_image_classes.hbs CHANGED
@@ -1,7 +1,4 @@
1
1
  absolute
2
- {{~#unless _isCopyText }}
3
- bottom-0 right-0
4
- {{~/unless}}
5
2
 
6
3
  {{~#switch _teaserType~}}
7
4
  {{~#case 'standard'~}}
package/src/stories/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -17,11 +17,8 @@
17
17
  </figcaption>
18
18
  {{/unless}}
19
19
  {{#if this.isVideo}}
20
- {{#if _isLead}}
21
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true _noDelay=true ~}}
22
- {{else}}
23
- {{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true~}}
24
- {{/if}}
20
+ {{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
21
+ {{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
25
22
  {{/if}}
26
23
  {{#unless _voting-option}}
27
24
  {{#with this.teaseritem}}
package/src/stories/views/components/content/copytext/fixtures/copytext_video.json CHANGED
@@ -1 +1 @@
1
- {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Video"},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isVideo":true,"showFullSize":{"isTrue":true},"label":{"type":"video","loca":"label_video","byline":{"bylineText":"03:20 Min."}},"copyright":"hessenschau","airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/videoseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Video","title":"Musik macht deinen Tag","isForeignBrand":true,"readMore":"zum hr3.de Videoseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}},"content":{"teaserImage":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isVideo":true,"showFullSize":{"isTrue":false},"label":{"type":"video","loca":"label_video","byline":{"bylineText":"03:20 Min."}},"copyright":"hessenschau","airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8424","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8424","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/videoseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Video","title":"Musik macht deinen Tag","isForeignBrand":false,"readMore":"zum hr3.de Videoseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}},"content":{"teaserImage":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}
1
+ {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Video"},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isVideo":true,"showFullSize":{"isTrue":true},"label":{"type":"video","loca":"label_video","byline":{"bylineText":"03:20 Min."}},"copyright":"hessenschau","airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/videoseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Video","title":"Musik macht deinen Tag","isForeignBrand":true,"readMore":"zum hr3.de Videoseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}},"teaserImage":{"isImage":true,"showFullSize":{"isTrue":true},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}},{"paragraphBoxItem":{"isVideo":true,"showFullSize":{"isTrue":false},"label":{"type":"video","loca":"label_video","byline":{"bylineText":"03:20 Min."}},"copyright":"hessenschau","airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","dateSeparatorTime":"31.10.22, 19:30"},"toModel":{"videoElement":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8424","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8424","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"isPlayerDebug":true,"teaserSize":"100","realTeaserSize":"100"}},"mediaBacklinkToStoryTeaser":{"link":{"url":"/videoseite","isTargetBlank":false},"content":{"readMoreScreenreader":"zum hr3.de Video","title":"Musik macht deinen Tag","isForeignBrand":false,"readMore":"zum hr3.de Videoseite"},"hasIcon":true,"iconName":"extern"}},"teaseritem":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}},"teaserImage":{"isImage":true,"showFullSize":{"isTrue":false},"showPortrait":{"isTrue":false},"caption":"Zum Glück ragt Hessens höchster Berg, die Wasserkuppe, gelegentlich aus der derzeitigen Nebelsuppe heraus, und so gelang mit dem Sternenteleskop ein Blick auf den magischen Rosetten-Nebel, einer Himmelsregion, in der gerade neue Sterne geboren werden. - Diese spektakuläre Momentaufnahme hat uns hessenschau.de-Nutzer Michael Keusgen zukommen lassen","copyrightWithLinks":"Karsten Hufer","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/lehrerin-ukraine-104_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/lehrerin-ukraine-104_v-16to9__small.jpg 320w, images/lehrerin-ukraine-104_v-16to9__medium.jpg 480w, images/lehrerin-ukraine-104_v-16to9__medium__extended.jpg 640w, images/lehrerin-ukraine-104_v-16to9.jpg 960w, images/lehrerin-ukraine-104_v-16to9__retina.jpg 1920w"}]}}}},{"isParagraph":true,"text":{"split":[{"isText":true,"text":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <strong>tempor invidunt</strong> ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata <i>sanctus est Lorem ipsum</i> dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut <a href='#' class='link'>labore et dolore</a> magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod."}]}}]}
package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
5
  {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio-adjust_context}}
6
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
7
7
  {{/with}}
8
8
  {{#if ../../_isMobile1to1~}}
9
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -14,7 +14,7 @@
14
14
  {{#with this.toModel.audioElement}}
15
15
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
16
  {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio-adjust_context}}
17
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
18
18
  {{/with}}
19
19
  {{#if ../../_isMobile1to1~}}
20
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -25,7 +25,7 @@
25
25
  {{#with this.toModel.audioElement}}
26
26
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
27
  {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio-adjust_context}}
28
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
29
29
  {{/with}}
30
30
  {{#if ../../_isMobile1to1~}}
31
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -36,7 +36,7 @@
36
36
  {{#with this.toModel.audioLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
38
  {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context}}
39
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
40
40
  {{/with}}
41
41
  {{#if ../../_isMobile1to1~}}
42
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
@@ -47,7 +47,7 @@
47
47
  {{#with this.toModel.videoLivestreamElement}}
48
48
  {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
49
  {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context}}
50
+ {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
51
51
  {{/with}}
52
52
  {{#if ../../_isMobile1to1~}}
53
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
package/src/stories/views/components/teaser/components/teaser_image.hbs CHANGED
@@ -8,7 +8,7 @@
8
8
  {{#if this.isProgram}}
9
9
  {{#if this.showMediatheksLink}}
10
10
  {{#with this}}
11
- {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
11
+ {{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline bottom-0 right-0"}}
12
12
  {{#*inline "css"~}}
13
13
  {{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=_isMobile1to1-adjust_context}}
14
14
  {{/inline}}
package/src/stories/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative {{_aspectRatio}}" x-show="!avStart" >
1
+ <div class="relative{{#if _css}} {{_css}}{{/if}} {{_aspectRatio}}" x-show="!avStart" >
2
2
  {{#unless this.hideGeotag}}
3
3
  {{~#with this.geotag}}
4
4
  {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
@@ -6,10 +6,11 @@
6
6
  {{/unless}}
7
7
 
8
8
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
9
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
9
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=_noDelay-adjust_context ~}}
10
10
  {{#if this.isTickerTeaser}}</a>{{/if}}
11
11
 
12
+
12
13
  {{#with this}}
13
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{> components/mediaplayer/mediaplayer_button _css=(if _isUsedInCopytext "" "bottom-0 right-0") _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
15
  {{/with}}
15
16
  </div>
package/dist/views/components/content/copytext/components/video/video_element.hbs DELETED
@@ -1,15 +0,0 @@
1
- {{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement
2
- _isSinglePage=_isSinglePage
3
- _isCopyText=_isCopyText
4
- _isTeaser=_isTeaser
5
- _teaser=_teaser
6
- _poster=_poster
7
- _geotag=_geotag
8
- _hideGeotag=_hideGeotag
9
- _posterImageVariant=_posterImageVariant
10
- _posterImageType=_posterImageType
11
- _noDelay=_noDelay
12
- _cypressHook="js-video-ondemand"
13
- _mediaButtonIcon="play_button"
14
- _mediaButtonLabel="Video" }}
15
-
package/dist/views/components/content/copytext/components/video/video_element_ondemand.hbs DELETED
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
11
- {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}
package/dist/views_static/components/content/copytext/components/video/video_element.hbs DELETED
@@ -1,15 +0,0 @@
1
- {{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement
2
- _isSinglePage=_isSinglePage
3
- _isCopyText=_isCopyText
4
- _isTeaser=_isTeaser
5
- _teaser=_teaser
6
- _poster=_poster
7
- _geotag=_geotag
8
- _hideGeotag=_hideGeotag
9
- _posterImageVariant=_posterImageVariant
10
- _posterImageType=_posterImageType
11
- _noDelay=_noDelay
12
- _cypressHook="js-video-ondemand"
13
- _mediaButtonIcon="play_button"
14
- _mediaButtonLabel="Video" }}
15
-
package/dist/views_static/components/content/copytext/components/video/video_element_ondemand.hbs DELETED
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
11
- {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}
package/src/stories/views/components/content/copytext/components/video/video_element.hbs DELETED
@@ -1,15 +0,0 @@
1
- {{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement
2
- _isSinglePage=_isSinglePage
3
- _isCopyText=_isCopyText
4
- _isTeaser=_isTeaser
5
- _teaser=_teaser
6
- _poster=_poster
7
- _geotag=_geotag
8
- _hideGeotag=_hideGeotag
9
- _posterImageVariant=_posterImageVariant
10
- _posterImageType=_posterImageType
11
- _noDelay=_noDelay
12
- _cypressHook="js-video-ondemand"
13
- _mediaButtonIcon="play_button"
14
- _mediaButtonLabel="Video" }}
15
-
package/src/stories/views/components/content/copytext/components/video/video_element_ondemand.hbs DELETED
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
11
- {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}