Bootstap : How to show images and videos in a responsive way ?

Use  “Responsive embed”

Example:

<h:panelGroup styleClass="col-lg-12" layout="block">
    <img class="img-responsive center-block" src="#{myController.logo}"/>
</h:panelGroup>

See more :

http://getbootstrap.com/components/#responsive-embed