Jwplayer skin, Play icon height issue - skin

We are using Jwplayer 6, we are using vapor.xml skin. we have updated the play icon. But its not displaying correctly in chrome and IE,top and bottom of play button is cropping.
How can we increase the height of the play icon.

Related

Stretching the background when the accordion opens

The URL of the site I am working on: https://dev-metis.azurewebsites.net/
When I open the accordion in ""Ethereum Smart Layer 2"" section, the section's background image becomes stretched.
How can I fix the background image when I open the accordion??
(I'm sorry if I can't speak English very well)

animated GIF featured image wordpress

I want to use an animated gif as my featured image in WordPress (div, theme). I read a lot about the problems using animated gifs in WordPress, so I chose "large/full size" for the gif file and it works fine on a 13" screen. But on mobile devices, it doesn't resize to the smaller screen width. It stays at 1278px width and therefore gets cropped out.
How do I make the animated gif for all devices work so it keeps it's animation and still fits within the screen width?
use css:
img{max-width:100% !important;}
hope it will help.

Font size distorts when resizing

I have a small bug in a website I'm working on.
a specific div contains a paragraph tag. this P tag has a font size for small screens and a bigger font size for big screens. here is the problem. When I resize the browser using the mouse the sizes changes correctly. but if I resize to the small screen and not back step by step by the mouse but by clicking the maximize button ( at the top right ) then again click the same button to back to the small screen the font sizes don't change to the small and all the fonts are so big. is there a solution?

Video Player in Flex

I am developing an application in Flex in which I need to play an MP4 file. The video is playing properly but not fitting in the video player window; some back area is left above and below the video clip. I tried to adjust the size but all in vain.
First of all, are you using the Flex "VideoPlayer" component?
If so, try changing the "scaleMode" property for your video player, by default it has the value of "letterbox", which is why you're seeing those black areas above and underneath the video. (Possible values are "none", "stretch", "letterbox", or "zoom".)

Embedded google map on mobile devices, annoying button changing map size

I have trouble making an embedded google map work properly on mobile devices. It is within a div box and set to 100% height/width and works as inteded when not on mobile phones. On phones it adds a big square-shaped button with an arrow in it in the bottom right corner which consequently shrinks the map size in the div to about half. When I click the mysterious button, nothing happens. So, an annoying button with no function. When I touch the map, the button disappears and the div is filled though. Anyway to get rid of that button?

Resources