Hi there.

I am trying to embed a Youtube video to a block using Bootstraps .embed-responsive-item class. The Text Format is set to Full HTML and jQuery versions 1.9.0 is enabled.

    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="//www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen=""></iframe>
    </div>

It’s working just fine on my static html version. However within Drupal the video canvas doesn’t use the full block dimension. What’s the correct way to embed full-size Youtube videos in a Drupal Bootstrap subtheme?

Comments

markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell commented
Category: Bug report » Support request
Status: Active » Closed (works as designed)

You will need to make sure that you're using at least Bootstrap 3.2.0 or higher (http://blog.getbootstrap.com/2014/06/26/bootstrap-3-2-0-released). 7.x-3.0 does not provided that version or higher via the CDN option. If you don't know how to compile your own Bootstrap source, then you will have to download the latest dev or beta of this base theme to get the CDN version you need.

Marcin Maruszewski’s picture

Marcin Maruszewski CreditAttribution: Marcin Maruszewski commented
Status: Closed (works as designed) » Active

I'm using latest Bootstrap but when I use snippet shown abowe nothing happens. I discovered that
@import "../bootstrap/less/responsive-embed.less";
is missing in starterkit/less/bootstrap.less

Marcin Maruszewski’s picture

Marcin Maruszewski CreditAttribution: Marcin Maruszewski commented
Component: Theme settings » LESS, Grunt
Category: Support request » Bug report
markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell at Tag1 Consulting commented
Category: Bug report » Support request
Status: Active » Closed (works as designed)
Related issues: +#2250349: Add new variables to variables.less

I discovered that @import "../bootstrap/less/responsive-embed.less"; is missing in starterkit/less/bootstrap.less

Then add it. This is still "works as designed" since developers are the ones responsible for keeping parity with a future version.