Barmer Fractal

Figure Video: Internal 

<figure class="m-figure-video figure-video--internal">

    <h2 class="figure-video__headline figure-video__headline--h2">
        Ein Medienmodul mit einem internen Video
    </h2>

    <video class="a-video" controls>
        <source src="../../videos/barmer-video-stark-8x3.mp4" type="video/mp4">
        <p>Video tag fallback content</p>
    </video>

    <figcaption class="figure-video__figcaption ">
        <p>Diese Bildunterschrift kommt aus dem Detailtext des Mediamoduls und dient der Beschriftung dieses internen Videos.</p>
        <p>Aber dies ist nur ein Serviervorschlag und der Barmer steht es frei, andere handelsübliche Texte einzugeben.</p>
    </figcaption>

</figure>
 
<figure class="m-figure-video {{viewtypes.specifier}}">

  {{# switches.hasHeadline }}
    <h2 class="figure-video__headline {{viewtypes.headlineSpecifier}}">
      {{content.headline}}
    </h2>
  {{/switches.hasHeadline}}

  {{# switches.hasConsentWithoutToggle }}
    <div class="figure-video__consent">
      {{ render '@consent--without-toggle' partials.consent merge=true}}
    </div>
  {{/switches.hasConsentWithoutToggle}}

  {{# switches.hasEmptyVideoTemplate }}
    <template class="figure-video__template"></template>
  {{/switches.hasEmptyVideoTemplate}}

  {{# switches.hasVideoTemplate }}
    <template class="figure-video__template">
      {{ render (stringToPartial partials.video) this.partials.videoTemplate merge=true }}
    </template>
  {{/switches.hasVideoTemplate}}

  {{# switches.hasVideo }}
    {{ render (stringToPartial partials.video) this.partials.videoTemplate merge=true }}
  {{/switches.hasVideo}}

  {{# switches.hasFigcaption }}
    <figcaption class="figure-video__figcaption {{viewtypes.figcaptionSpecifier}}">
      {{{ content.captionText }}}
    </figcaption>
  {{/ switches.hasFigcaption }}

</figure>

{{#switches.hasConsentWithoutToggle}}
  <div class="figure-video__toggle">
    {{render '@formelement-toggle--third-party-consent-manager' partials.toggle merge=true}}
  </div>
{{/switches.hasConsentWithoutToggle}}
 
{
  "switches": {
    "hasHeadline": true,
    "hasConsentWithoutToggle": false,
    "hasEmptyVideoTemplate": false,
    "hasVideoTemplate": false,
    "hasVideo": true,
    "hasFigcaption": true
  },
  "viewtypes": {
    "specifier": "figure-video--internal",
    "headlineSpecifier": "figure-video__headline--h2",
    "figcaptionSpecifier": ""
  },
  "content": {
    "headline": "Ein Medienmodul mit einem internen Video",
    "captionText": "<p>Diese Bildunterschrift kommt aus dem Detailtext des Mediamoduls und dient der Beschriftung dieses internen Videos.</p><p>Aber dies ist nur ein Serviervorschlag und der Barmer steht es frei, andere handelsübliche Texte einzugeben.</p>"
  },
  "partials": {
    "consent": {},
    "video": "video--default",
    "videoTemplate": {},
    "toggle": {}
  }
}

No notes defined.