By ArnoudL on

Hello,

I recently build my website using the bootstrap business theme template. I justed added new content to my frontpage by using adding media. In this article I add tittle, body and add as media a Vimeo video. The problem I encounter now is the video is not responsive using smart phone or a tablet as a device. Perhaps some one can point me in the right direction how to get the media section VIDEO in the bootstrap business responsive.

Many thanks in advance.

Regards,

Arnoud

⋅ Categories: Drupal 7.x

Comments

Orange Web Dev’s picture

Orange Web Dev commented

Check out this link in Bootstraps documentation on adding responsive media.
http://getbootstrap.com/components/#responsive-embed

ArnoudL’s picture

ArnoudL commented

Thanks. DO I need this code?:

I am not sure where to put code as I am NOT familiar with coding and css.

Hope you can give me some advice.

Many thanks in advance.

Cheers,

Arnoud

Nekky Black’s picture

Nekky Black commented

I think https://groups.drupal.org/node/233238 can give you some suggestions.

ArnoudL’s picture

ArnoudL commented

Thanks, I will have a look at this. I tried several options, still not a responsive video on mobile device.

Anonymous’s picture

Anonymous (not verified) commented

Have you tried adding special bootstrap classes to iframe of your video?
Something like this:

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>
pawandubey’s picture

pawandubey commented

Please try the below code:

object, object *, canvas, canvas *, embed, embed * {
width: 100%;
height: auto;
}

Also try the reference from here

waqarit’s picture

waqarit commented

this is helpful for me :)