Hi,
When I embed a video from Vimeo to a page or a post, the auto resize makes the iframe too tall, so there are black lines above and below the video.
https://www.dropbox.com/s/7yy5aq7ooh0jlce/rt-vide-black-lines.png?dl=0
I’ve tried this with the Vimeo embed code and also with just putting the Vimeo URL and letting the theme do it’s stuff. Both ways display and play the video OK. Apart from the black lines top and bottom.
The iframe should be 640*360. The width is always calculated right (640), but the height is calculated as 384 and not 360. Making the black lines.
The same happens on desktop and mobile. It scales beautifully on a mobile, but still has the wrong height, causing the black lines.
Am I doing something wrong, or any suggestions on how to fix it?
I just noticed that the same problem happens on the Demo site too – http://demo.tagdiv.com/newsmag/td-post-after-effects-guru-tracking-and-stabilizing-footage/
All Vimeo videos have the black lines top and bottom because the iframe is resized wrong.
Any suggestions on a fix would be great.
Many thanks,
Dan
Hi,
I have also noticed that, please try to change thist value from 0.6 to 0.5625, like this: http://screencast.com/t/uGg8qx7agt
Thanks
Hi,
Thank you for this suggestion.
I updated the td_site.js file as suggested. But it made no difference. I noticed that td_site.min.js was the file used on the site, so I tried updating that too. Again, with no difference.
However, I also noticed a slight anomaly.
If I look at http://www.ryanterry.fitmediaproductions.com/wp-content/themes/Newsmag/js/td_site.min.js then I see the changes I’ve made.
However, the site adds ?ver=1.5 to the URL so it’s http://www.ryanterry.fitmediaproductions.com/wp-content/themes/Newsmag/js/td_site.min.js?ver=1.5
With this extra variable, then it reverts back to the version of the file before I made the suggested changes.
How does the ?ver=1.5 generate an old version of the .js file?
Many thanks,
Dan
