Embed

Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

21x9

16x9

4x3

1x1

  <div class="row">
    <div class="col-4">
      <h3>21x9</h3>
      <x-embed src="https://www.youtube.com/embed/1La4QzGeaaQ" format="21x9"/>
    </div>

    <div class="col-4">
      <h3>16x9</h3>
      <x-embed src="https://www.youtube.com/embed/1La4QzGeaaQ"/>
    </div>

    <div class="col-4">
      <h3>4x3</h3>
      <x-embed src="https://www.youtube.com/embed/1La4QzGeaaQ" format="4x3"/>
    </div>
  </div>

  <div class="row">
    <div class="col-4">
      <h3>1x1</h3>
      <x-embed src="https://www.youtube.com/embed/1La4QzGeaaQ" format="1x1"/>
    </div>
  </div>

Blade-Component informations

Path

components/embed.blade.php

Name	Type	Description
all	array	Submit all data.
class	string	Classes can be added, all other attributes can also be set.
src	string
format	string
options	string

For more information about embed read the bootstrap documention Embed

Components

EXAMPLES Example templates from Bootstrap Dokumention.

Themes

Embed

Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

21x9

16x9

4x3

1x1

Blade-Component informations

EXAMPLES
Example templates from Bootstrap Dokumention.