Skip to Content

TheBlogReaders.com

Salesforce.com, PHP, MySQL, Javascript, Ajax, Htacces

How To Build VIMEO IFRAME Videos flexive to view Mobile and Web Browser Friendly

Be First!
by April 18, 2014 CSS, HTML

How To Build VIMEO IFRAME Videos flexive to view Mobile and Web Browser Friendly

Its achievable with the help of following custom css styles and please add the below pieces of code in your html page:

CSS STYLES:

<style>
.video-box {

-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);  box-shadow: 0 1px 2px rgba(0,0,0,.4);  height: 0;  margin-bottom: 22px;  overflow: hidden;  padding-bottom: 56.25%;  position: relative;}.video-box embed,.video-box iframe,.video-box object,.video-box video {  height: 100%;  left: 0;  position: absolute;  top: 0;  width: 100%;

}
</style>

HTML:

<div class=’video-box’><iframe src=”//player.vimeo.com/video/67957799″ height=”240″ width=”320″ allowfullscreen=”” frameborder=”0″></iframe></div>

(682)

Previous
Next

Leave a Reply