How can I make the videos responsive on mobile in posts?
How can I make the videos responsive on mobile in posts? Example URL: http://krzysztofblas.com/2016/04/15/polski-krzysztof-blas-w-duecie-z-michalem-kowalonkiem-na-targach-musicmesse-we-frankfurcie-2/Hi,
The iframe that includes the video has the fixed width parameters that are preventing it from resizing. Use the width 100% parameters.
Sincerely,
Hella
This doesn't help because the height looks bad then, check this out:
http://i.imgur.com/WsmyWCm.png
It should look like this:
http://i.imgur.com/Cb6Zt47.png
Also there is no iframe set here, it's a standard Wordpress shortcode:
[embed]https://youtu.be/3OfIvOGBeZA[/embed]
Any ideas on how to make it work with the shortcode? Where do I style it?
This doesn't help because the height looks bad then, check this out: http://i.imgur.com/WsmyWCm.png It should look like this: http://i.imgur.com/Cb6Zt47.png Also there is no iframe set here, it's a standard Wordpress shortcode: [embed]https://youtu.be/3OfIvOGBeZA[/embed] Any ideas on how to make it work with the shortcode? Where do I style it?Last edited 08 November 2016 by sumple
Hi,
This shortcode creates iframe.
Please try the following solution which uses bootstrap responsive embed:
<div style="min-width: 200px; max-width: 500px;">
<div class="embed-responsive embed-responsive-16by9">
[embed]https://youtu.be/3OfIvOGBeZA[/embed]
</div>
</div>
This should help.
Please let us know the result.
As alternative solution you can try using Themler Video control.
Thank you,
Olivia
Add this to your Home - Settings - CMS Code:
function bootstrap_wrap_oembed( $html ){
$html = preg_replace( '/(width|height)="d*"s/', "", $html ); // Strip width and height #1
return'<div class="embed-responsive embed-responsive-16by9">'.$html.'</div>'; // Wrap in div element and return #3 and #4
}
add_filter( 'embed_oembed_html','bootstrap_wrap_oembed',10,1);
