WordPress.org

1. vedranjaic
   Member
   Posted 10 months ago #
   

   if someone needs responsive videos:

   in core/video.php on line 71, wrap <iframe> with a div (add class you wish to use, in this example its resp-video)

   and in css add:
   
.resp-video {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

   http://wordpress.org/extend/plugins/automatic-youtube-video-posts/

2. mpraetzel
   Member
   Plugin Author
   Posted 9 months ago #
   

   Does the height:100%; work in older browsers for this application? If I remember correctly you can only set a height of 100% in older browsers if the parent element has a height as well as every parent of that parent. I suppose it doesn't matter if you only include this command in your media queries.

Reply

You must log in to post.