Today i update theme from 7.5 version to 7.7 and i found out a issue with Facebook iframe Videos, they doesn’t resize correctly on responsive. For example with this iframe on post:
<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fdakar%2Fvideos%2F1331857906873513%2F&width=696&show_text=false&appId=460832217439396&height=392" width="696" height="392" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
full site: https://www.screencast.com/t/qWOxsnr7u
responsive: https://www.screencast.com/t/Uona4cob
mobile: https://www.screencast.com/t/sz8Xf4o7fw48
This doesn’t happens if i put the facebook url https://www.facebook.com/dakar/videos/1331857906873513/
full site: https://www.screencast.com/t/RyjKzyW2M
responsive: https://www.screencast.com/t/1AnlCxU4JnI
mobile: https://www.screencast.com/t/GaXo4k2tbB
Any help how to fix this bug?
Hello,
Well the iframe you try to insert has a fixed width and height The ifrma itself is NOT responsive. Please do not use a fixed iframe in a responsive environment.
Thank you!
on version 7.5, this iframe code resize correctly on responsive. the bug appears on 7.7 (maybe and on 7.6 version, i didn’t make testings)
Hello saggel,
Indeed, it seems to be a problem with Facebook embedded code for responsivenss. We will make some deeper investigations and we will consider to fix it in future updates. Until when this will be fixed, try to add the Facebook links without iframe.
Thanks for the message!
thank you Catalin. i saw on changelog on v7.6 this “fix: facebook videos that are in the content of the post now work and resize as expected”
it’s easy to tell me the .php file that changes were made, to take a look?
Hello saggel,
In the previous version, the modification has been made in wp_booster.php like this -> https://www.screencast.com/t/fmShJUPYU
Thanks for your understanding!
@saggel Hi,
The v7.6 fix: facebook videos that are in the content of the post now work and resize as expected approaches and fixes content facebook videos iframes which when includes the full post, like this: https://www.screencast.com/t/WSXbE6cdzg the text content of the video was hidden by theme’s fb video resize.
Theme version v7.7, currently available, treats facebook videos like a default wp theme does and the previous implementation concerning fb videos which resizes in content fb videos was removed because of the problems it causes.
In our latest update on this we have decided not to alter the post content facebook embedded iframes so we have updated the fb in content resize script and adopted the native behaviour concerning it.
If you need to revert to the previous behaviour you can simply replace this code: https://www.screencast.com/t/58LZEkPuI with this one: http://pastebin.com/EzRJ6Rx2 like this: https://www.screencast.com/t/pvuv20vaBrvm > this will bring the old behaviour back.
Thank you for your understanding!
