I am the proud owner of one of your HTML-Templates.
As we lean heavily on video and photographs as content, Soho - Fullscreen Photo & Video Web Template seems to fit our needs.
When sculpting the template I came across some 'strange' behaviour, which I can't seem to remedy myself.
1. Chopping top & bottom of fullscreen video.
At first [url]3mila.com/esmee_michelle.html[/url], based on your "portfolio_post_fullscreen_video.html" Template, might look good, depending on the screen you use. When you might be using a wide screen monitor or laptop display, the top and bottom part of the video are chopped, sometimes even beheading persons in the video.
Even though in theme.css the ".fw_background iframe" and all other classes for that matter say "height: 100%" it still doesn't seem to be doing that or measuring it in a strange way.
I would like to have the max height of the video shown at all times and have the video centred, when it doesn't fill the max-width.
Please give some pointers how to achieve this.
Note: Our logo needs slightly more room so the nav-bar is a bit bigger, but I would gladly compensate that with a smaller footer, if I knew how to get the shared icons centred and thus showing (BTW: how can I make the share-icons bigger?)
2. Vimeo video not showing when using iPad 4 Retina.
A VERY strange problem seems to exist that on an iPad 4 the video's, which are stored at Vimeo, never show.
It works on PC's, laptops, Android, iPhone, even an old BlackBerry, but not on an iPad 4 Retina (I do not have tested it with other versions of an iPad, because I don't have one available.)
Please tell me what I can change in which file(s) to correct this or mark this as a bug so it can be fixed asap.
3. Default Vimeo video link/player not working
I found out that the standard way you link to Vimeo video's doesn't work (anymore).
Code: Select all
<div class="fullscreen_block fw_background bg_video loaded">
<!-- <iframe src="https://vimeo.com/145372123?autoplay=1&loop=10" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> -->
<iframe src="https://player.vimeo.com/video/145372123?autoplay=1&loop=10" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Only the second iframe starts the Vimeo player, the first one (commented out) does not do anything. Why?
the Can I change anything or is this a bug of the Template or maybe something changed at Vimeo.
BTW: even your demo doesn't load any Vimeo video.
4. Turning off panels in "striped_colored.html" when used on small screens
When the template "striped_colored.html" is used on a mobile device it's not responsive enough, because the panels display get so small, that any text on top of the panels will get unreadable.
I thought a possible solution would be to simply to not display the outer panels when the display is a small screen.
How to do that in a proper way?
That's it for now
Greetings from the Netherlands,