How to make video auto play in every browser for Shopify website - shopify

I'm using the retina theme for the Shopify site. I'm using video on my home page but it's not autoplay in the chrome. another browser it's playing well...please tell me to need to customize code for autoplay in the chrome browser?

Chrome can autoplay the videos with sound off, so you'll need to add muted attribute.
<video autoplay muted>
...
</video>
https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Related

How to bypass HTML5 Video Autoplay

How are sites like YouTube able to autoplay videos without muting audio but it's not possible to achieve the same using the <video> element embedded on a page?

Why Internet download manager doesn't come up in this page?

I noticed that IDM (internet download manager) does not come up in this page when the video starts playing: https://www.w3schools.com/html/html5_video.asp
the code behind this page is a simple html5 video tag:
<video id="video1" style="width:600px;max-width:100%;" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
When I use the exact same code with the same video in localhost, IDM starts. I have no special setting or exclusions in IDM. So what is the secret behind this page that IDM is not starting?
Some videos are protected by Copyright and use special protected protocol. It is restricted to save any data recived by this protocol. IDM does not support it for legal reasons.(Reference)
To check that this is the reason why video is not shown, you need to open "Options->General" IDM dialog and press "Edit" near "Customize IDM Download panels in browsers".

HTML5 video tag play button not in center on mobile safari browser?

My web page HTML5 Video play button not showing in center on mobile safari browser?
My Code is
Your browser does not support the video tag.
</video>
This screen-shot on Mozilla browser
This screen-shot on Safari browser

Brightcove autoplay videos not playing in iPad Safari

We have integrated Brightcove videos in our application. Autoplay videos play in desktop browsers but not playing in ipad Safari browser.
Please suggest if there is any limitation of playing autoplay videos in iPad/iPhone Safari browsers.
Please let me know if further info needed.
Autoplay option is disabled by default on mobile devices to avoid bandwidth consumption. User has to click play button to autoplay the video.
However if you want to enforce autoplay and muted attributes, but it will work only on latests versions of Chrome for Android and iOS 10.
You can read more about it here:
https://developers.google.com/web/updates/2016/07/autoplay
https://webkit.org/blog/6784/new-video-policies-for-ios/

video.js player not working on google chrome web browser but works on IE and Safari

I am having problem with video.js video player in google chrome web browser. The player was playing videos without any problem in all browsers until 2 days ago and then I observed that some videos won't play or won't load on chrome but all the videos play fine in internet explorer and safari browsers. Sometimes when I refresh page on chrome, some videos start to work but not others on the page.
my website url to check the problem is :
http://titanimplants.com/education/
Video player I am using : http://videojs.com/
Player Version: 5.0.2
Video format: mp4
Chrome browser Version 46.0.2490.80 m
Any help is appreciated.
Thank you.
First remark, why you use (and deactivate) 5.0.0/video.js?
<!-- Video.js -->
<link href="http://vjs.zencdn.net/5.0.2/video-js.css" rel="stylesheet">
<!--<script src="http://vjs.zencdn.net/5.0.0/video.js"></script> -->
<!--<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">-->