Canvas Support

video file error

1 reply · opened Feb 11, 2020

HHONGJIKYUNGFeb 11, 2020

Hello,

I have set my web using Canvas file.

But video file on main image does not show using explorer browser and my iphone also.

Could you please give me the great tip for using video file all browser?

Look forward to your support.

Regards,

JK Hong

SSemicolon WebSTAFFFeb 11, 2020

Hello,

Can you please provide us with a Live URL so that we can check out the exact issue with Videos not working on Explorer and provide you with more assistance on this. Also, please provide us with the Browser and OS Version. Thanks for your Patience.

Regarding the Video, not working on iPhone, Apple and Android do not allow autoplay for HTML5 Videos/Audio to prevent unsolicited usage of Bandwidth (which can be Cellular) on the User’s Mobile Device. They can only be played on their native Video Player.

Here is the Official Reference for Apple: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html .

Meanwhile, currently the Inline Video Autoplay is supported only from iOS 10 onwards. You can use the following instructions to make it work on iOS 10 or above devices:

  1. Add the playsinline Attribute to the <video> Tag. Example:

    ...
  1. Then add the .no-placeholder Class to the .video-wrap Container that encloses the <video> Tag. Example:

    
        ...

This will definitely work fine. Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard