Bootstrap responsive Youtube Youku video embed

The bootstrap is not a magic tool, its just a layout engine.
Just use the grid provided by bootstrap and remove strict width on the iframe. Use the bootstrap class guides replace the width. For better view of the video, may keep the height.

Youtube:

<div class="col-md-12">
	<iframe class="col-sm-12" height="333" frameborder="0" wmode="Opaque" allowfullscreen="" src="https://www.youtube.com/embed/oqDRPoPDehE?wmode=transparent">
</div>

Youku example:

<div class="col-md-12">
	<embed class="col-sm-12" height="400" align="middle" wmode="Opaque" type="application/x-shockwave-flash" allowscriptaccess="always" quality="high" allowfullscreen="" src="http://player.youku.com/player.php/sid/xxxxxxxxx/v.swf">
</div>

By Keenlio, July 14, 2014

What do you think?

Leave a Reply

Your email address will not be published. Required fields are marked *


7 × = fifty six

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>