html5 video and youtube incrusted videos is a big problem on IOS devices

Question

Hello Sr, can you help me to create a correct html code for embed youtube or self hosted html5 videos, that doesnt scale correctly on IOS! Here my code:

SemiColonWeb · Accepted Answer

Hello,

Apologies about the Inconveniences caused!

As we unfortunately cannot check Codes locally, can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

fcordiviola · Answer

Thanks for quick response. The site is: http://vps.gruporeceptoria.com.ar/~barbarella/index3.html

the self-hosted html5 video from the top works super fine on chrome and firefox, but ios shows extreme white top and bottom bars, with no sense.

please, check on ios mobile to see that.

thanks!!!

Semicolon Web · Answer

Hello,

Thanks for your Patience!

We have checked this out as you have suggested, and the issue is with the use of the Bootstrap Grid. You will need to use the extra Responsive Embeds Utility: https://getbootstrap.com/docs/4.3/utilities/embed/ to make your Videos and Embeds responsive. Consider using the following code:

This should definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

fcordiviola · Answer

You save my life!!! Works perfect!!! Thank you, God bless you!

Semicolon Web · Answer

Hello, Really Glad that your issues were resolved. Very Happy to Help! :) Do let us know if we can help you with anything else or if you find any further issues with Canvas.