On mobile theme the facebook iframe video shows a wrong seize so that the video can’t be played:
https://www.revive.nl/jongeren-op-doordeweekse-avond-in-amsterdam-in-vuur-en-vlam-voor-god/
I did an custom css fix:iframe {
height: 800px!important;
}
See this video: https://somup.com/c3V1FLZjP4
Is there a better responsive solution to fix this?
This is the exact css I am using now: iframe[src*="facebook.com"] {
height: 800px!important;
}
But there must be a better solution
Hi,
Is looks that this is the height that is added on the iframe https://i.imgur.com/6j4ntMI.jpg and this is not set by the theme, so in this case to set a stronger css is one of the few solutions that can be use.
Thank you!
The height of the iframe is not being used by the mobile theme. It is overriding the height with something else what gives the problem.
Hi,
The strange thing is that for me is not display that inline height that is apply for you -> https://i.imgur.com/72OzpSk.jpgand it is used the default one set on the iframe -> https://i.imgur.com/4rZDERt.png
So, there are some cases when the small height is added, but as long you use the code that you set, there should no be any problems.
Thank you!
On this page the facebook video height is not corrext.
If I use this css code.
iframe[src*=”facebook.com”] {
height: 800px!important;
}
There comes alot of width space below the facebook video on this page with an image: https://www.revive.nl/mattheus-van-der-steen-spreekt-zegen-uit-over-koningin-maxima-in-maastricht/
I think the problem is the iframe inherited the style from the image on mobile.
Hi,
I think that I remember a similar case that was caused by some cache or optimize plugin. Did you made a test using only tagDiv plugins to see if the problems persist?
It looks that by default the height of iframe is 880, but something is setting an inline height -> https://i.imgur.com/Olu59tm.png
Thank you!
Hey,
I am using this code on the mobile theme:
video {
width: 100% ;
height: auto;
}
Because otherwise some video’s don’t fit the screen
With the cache plugins and custom css deactivated the problem is still there it looks like
I send you the login to contact@tagdiv.com
Please check the reply via email!
Thanks! I send a reply
