Bulma: How to embed / display youtube video?

[focussing]

Any suggestions?
For example 4 video's on a row?

Something like http://getbootstrap.com/docs/4.0/utilities/embed/

[jgthms]

Have you tried using the official YouTube embed with Bulma columns?

[focussing]

Thanks, Jeremy, this did the trick:

    <section>
        <div class="container">
            <div class="columns">
                <div class="column">
                    <!-- <youtube :video-id="video1"></youtube> -->
                    <iframe width="100%" height="auto" src="https://youtube.com/embed/xxxxxxx" allowfullscreen></iframe>
                </div>
                <div class="column">
                    <!-- <youtube :video-id="video2"></youtube> -->
                    <iframe width="100%" height="auto" src="https://youtube.com/embed/xxxxxxx" allowfullscreen></iframe>
                </div>
            <!-- </div>
            <div class="columns"> -->
                <div class="column">
                    <!-- <youtube :video-id="video3"></youtube> -->
                    <iframe width="100%" height="auto" src="https://youtube.com/embed/xxxxxxx" allowfullscreen></iframe>
                </div>
                <div class="column">
                    <!-- <youtube :video-id="video4"></youtube> -->
                    <iframe width="100%" height="auto" src="https://youtube.com/embed/xxxxxxx" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </section>

[czue]

I had to also add some custom CSS to make this work (otherwise the video height was limited to 150px). Basically followed this guide.

[Chipplayer]

Its not working Jeremy has created a problem, please make it normal remove any css you have any in bulma main css file

[patarapolw]

It ends up as simple as adding this to CSS,

iframe {
    max-height: unset;
}

[oxavibes]

I solved my problem by reading this https://bulma.io/documentation/elements/image/