-
Posts
-
So a client of mine pointed something out to me and I am trying to figure out why.
The video controls, titles, and whatnot are hidden in Firefox, Safari browsers but not in Chrome, or IE. His original site has the same videos but the titles, video controls show up in all browsers.
He would like for all his videos to look like the version that is on the chrome browser no matter what browser he is on. I have supplied Screenshots in the private content area.
As you can see, the chrome browser has the same player as his old site does but when going on firefox and safari with the new site, it looks different. I’ve tried to embed it in a code block and text block with the same results. I think it’s an enfold issue because his old site isn’t running enfold and all the players look the same on all browsers while the players on enfold all look different depending on what browser you are using.
I have supplied links to both the old site and the new site in the private content area.
Hey Jason,
Thanks for the links and the screenshots, I tested both sites in Chrome, Firefox, & Edge on Windows, and found in all cases the titles and video controls show up in all browsers. Please see the screenshot in the Private Content area.
I also found that in both cases once the iframe for the individual videos were smaller than about 300×168 the titles and video controls are hidden, this is triggered by the media query@media (max-height: 119px),(max-width:79px)in the stylesheethttps://f.vimeocdn.com/p/3.49.19/css/player.cssfrom inside the iframe.
I’m not sure if your client used different devices with different screen sizes or widow sizes, my test finds that these are the same across browsers when on the same device, and this is controlled by the stylesheet from inside the iframe that can not be overwritten, so we couldn’t change this even if we wanted to.
I hope that I explained this well and will help you explain it to your client.Best regards,
Mike
- You must be logged in to reply to this topic.