Barmer Fractal

Richtext: With Video 

<p>Dies ist ein Mustertext
<p>

<figure class="m-figure-video figure-video--external js-external-video-init">

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

    <div class="figure-video__consent">
        <div class="m-consent a-richtext richtext--article ">
            <h2>Externe Inhalte anzeigen</h2>
            <p>Sie können sich an dieser Stelle externe Inhalte anzeigen lassen.</p>
            <p>Ich bin damit einverstanden, dass personenbezogene Daten an Drittplattform übermittelt werden. Mehr dazu in unserer <a class="bm-richtext-link" href="#">Datenschutzerklärung</a>.</p>

        </div>

    </div>

    <template class="figure-video__template">
        <div class="a-video video--embed">
            <iframe src="https://www.youtube-nocookie.com/embed/BGam1KihgbI" title="YouTube video playe" frameborder="0" allow="" allowfullscreen></iframe>
        </div>

    </template>

    <figcaption class="figure-video__figcaption ">
        <p>Beim Medienmodul mit einem externen Video verhält es sich nicht anders als beim internen Video: auch hier kommt die Bildunterschrift aus dem Detailtext des Mediamoduls.</p>
        <p>Auch hier kann die Barmer noch mehr Text reinschreiben – ganz nach Gusto.</p>
    </figcaption>

</figure>

<div class="figure-video__toggle">
    <label class="a-toggle js-consent-toggle" for="toggle-checkbox">
        <span class="toggle__text-label">Externe Inhalte zulassen</span>
        <input class="toggle__checkbox" type="checkbox" id="toggle-checkbox" />
        <span class="toggle__slider" data-text-enabled="ja" data-text-disabled="nein">
            <span class="toggle__indicator"></span>
        </span>
        <span class="sr-only toggle__alert" aria-live="polite" data-text-checked="Externe Inhalte sind jetzt zugelassen" data-text-unchecked="Externe Inhalte sind jetzt geblockt"></span>
    </label>

</div>

<p>Und hier kommt ein weiterer Absatz.

<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>

<p>Und ein dritter Absatz.</p>
 
{{# switches.hasWrapper}}
  <div class="a-richtext">
{{/switches.hasWrapper}}

    <p>Dies ist ein Mustertext<p>

      {{render '@figure-video--external' partials.videoExternal merge=true}}

    <p>Und hier kommt ein weiterer Absatz.

      {{render '@figure-video--internal' partials.videoInternal merge=true}}

    <p>Und ein dritter Absatz.</p>

{{# switches.hasWrapper}}
  </div>
{{/switches.hasWrapper}}
 
{
  "switches": {
    "hasDefaultText": false,
    "hasWrapper": false
  },
  "viewtypes": {
    "specifier": ""
  },
  "content": {
    "text": ""
  },
  "partials": {}
}

No notes defined.