Discussion:
Responsive Embedded Videos
Funkatron
2014-05-31 03:39:15 UTC
Permalink
I've run into a problem playing around with videos uploaded and embedded
into a WP post. In A theme like Twenty Thirteen, the videos are
responsive; ie they resize when you resize the window. In other themes,
such Highwind (https://wordpress.org/themes/highwind ), not only is the
video not responsive but it might overflow out of the content area.

I know its related to the css and I've been trying and failing to figure
out what seems to be the difference between the two themes. I have found a
solution: the following css will make all videos responsive and max the
width to 100% the content area:

.wp-video video {
max-width: 100%;
}

Question is: is there any chance of this breaking anything? Also if I
wanted to submit a patch, which css file do I patch it in? there doesn't
seem to be one for media.
Chris McCoy
2014-05-31 03:50:18 UTC
Permalink
check 2013 functions file it might run a filter on oembed so it ads the
resonsive css element.

probably embed_oembed_html
Post by Funkatron
I've run into a problem playing around with videos uploaded and embedded
into a WP post. In A theme like Twenty Thirteen, the videos are
responsive; ie they resize when you resize the window. In other themes,
such Highwind (https://wordpress.org/themes/highwind ), not only is the
video not responsive but it might overflow out of the content area.
I know its related to the css and I've been trying and failing to figure
out what seems to be the difference between the two themes. I have found a
solution: the following css will make all videos responsive and max the
.wp-video video {
max-width: 100%;
}
Question is: is there any chance of this breaking anything? Also if I
wanted to submit a patch, which css file do I patch it in? there doesn't
seem to be one for media.
_______________________________________________
wp-hackers mailing list
http://lists.automattic.com/mailman/listinfo/wp-hackers
Loading...