Media

<!-- ### Begin: Element media ### -->
    <div id="c227" class="frame frame-default frame-type-media frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
        <div class="frame-container">
            <div class="frame-inner">

                <header class="frame-header">
                    <h2 class="element-header">
                        3 Videos in 3 Columns
                    </h2>
                </header>

                <div class="gallery-row">
                    <div class="gallery-item gallery-item-size-3">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                The internet is the meanest place ever. Everybody knows that. So being &quot;still here&quot; in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let&#039;s celebrate, because TYPO3 is &quot;still here&quot; and more successful than ever before.<br />

                            </figcaption>
                        </figure>
                    </div>
                    <div class="gallery-item gallery-item-size-3">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                A short video explaining what TYPO3 is and why it is the right choice for you.<br />

                            </figcaption>
                        </figure>
                    </div>
                    <div class="gallery-item gallery-item-size-3">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                Mathias Schreiber<br />
                                Benni Mack<br />

                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ### End: Element media ### -->

    <!-- ### Begin: Element media ### -->
    <div id="c786" class="frame frame-default frame-type-media frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
        <div class="frame-container">
            <div class="frame-inner">

                <header class="frame-header">
                    <h2 class="element-header">
                        4 Videos in 2 Columns
                    </h2>
                </header>

                <div class="gallery-row">
                    <div class="gallery-item gallery-item-size-2">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/rWSpbET6I18?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                Mathias Schreiber and Fabian Stein will show how both Product Development, Services and Marketing go together in the TYPO3 ecosystem.<br />

                            </figcaption>
                        </figure>
                    </div>
                    <div class="gallery-item gallery-item-size-2">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                Mathias Schreiber<br />
                                Benni Mack<br />

                            </figcaption>
                        </figure>
                    </div>
                    <div class="gallery-item gallery-item-size-2">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                The internet is the meanest place ever. Everybody knows that. So being &quot;still here&quot; in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let&#039;s celebrate, because TYPO3 is &quot;still here&quot; and more successful than ever before.<br />

                            </figcaption>
                        </figure>
                    </div>
                    <div class="gallery-item gallery-item-size-2">
                        <figure class="video">

                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe src="https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                            </div>

                            <figcaption class="caption">
                                A short video explaining what TYPO3 is and why it is the right choice for you.<br />

                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ### End: Element media ### -->
{% for variant in variants %}
    {% include '@frame-media' with variant %}
{% endfor %}
{
  "variants": [
    {
      "header": "3 Videos in 3 Columns",
      "data": {
        "imagecols": 3
      },
      "files": [
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "The internet is the meanest place ever. Everybody knows that. So being \"still here\" in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let's celebrate, because TYPO3 is \"still here\" and more successful than ever before.\n"
          }
        },
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "A short video explaining what TYPO3 is and why it is the right choice for you.\n"
          }
        },
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "Mathias Schreiber\nBenni Mack\n"
          }
        }
      ]
    },
    {
      "header": "4 Videos in 2 Columns",
      "data": {
        "imagecols": 2
      },
      "files": [
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/rWSpbET6I18?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "Mathias Schreiber and Fabian Stein will show how both Product Development, Services and Marketing go together in the TYPO3 ecosystem.\n"
          }
        },
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "Mathias Schreiber\nBenni Mack\n"
          }
        },
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "The internet is the meanest place ever. Everybody knows that. So being \"still here\" in online business after 18 years is by no means a matter of course. That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let's celebrate, because TYPO3 is \"still here\" and more successful than ever before.\n"
          }
        },
        {
          "type": "media",
          "url": "https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1",
          "properties": {
            "description": "A short video explaining what TYPO3 is and why it is the right choice for you.\n"
          }
        }
      ]
    }
  ]
}

No notes defined.