Alerts
Badges
Breadcrumbs
Card
Carousel
Collapse
Forms
Media
Modal
Pagination
Headline
Embed
Link
Image
SVG

Embed

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

21by9

16by9

4by3

1by1

  <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.
src	string
format	string
options	string

For more information about embed read the bootstrap documention Embed