Embed

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

Help us to keep this project alive

Just a donation of $5 will enable LBC to continue its successful development and improvement in the future. Did LBC help you with your project and give you $5 worth of time? Then please take a short moment and give something back. Thanks a lot!

21by9

16by9

4by3

1by1

Show code

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

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

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

  <div class="row">
    <div class="col-4">
      <h3>1by1</h3>
      <x-embed src="https://www.youtube.com/embed/1La4QzGeaaQ" format="1by1"/>
    </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