Comments (2)
I have fixed this using below code. cause the autoplay is enable in ios 10 and above.
step 1: var UA = navigator.userAgent; //find the useragent
step 2: //implemented the vide plugin
$('.header-container').vide({ mp4: "../newVersion/Assets/Promo Video.mp4", poster: "../newVersion/Assets/Dabkick_API_Desktop.jpg" }, { volume: 0, loop: true, autoplay: true, resizing: true });
step 3: //to make the background video play in ipad with ios 10 and above only
if (UA.match(/iPad/)) { var video = $('.header-container').data('vide'); video.getVideoObject().css({'visiblity': 'visible', 'opacity' : 1}); }
The above code will make the video element visible during loading for ipads, and since autoplay is set to true the background video will start playing
from vide.
@jatasya, thanks for your help. I reformed the code as such:
if (/iP(hone|od|ad)/.test(navigator.platform)) {
var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
var ver = [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
if (ver[0] >= 10) {
// Do the magic to reveal the video
}
}
from vide.
Related Issues (20)
- Chrome opacity issue with Chrome on mac HOT 1
- Is it possible to play videos on Mobile devices (Android phones/windows phones/ I phones)? HOT 1
- Vide causes bandwidth leak/overages HOT 1
- Since not maintained anymore we could collect some alternatives HOT 2
- Video is not playing on MAC HOT 18
- How to Disable use .gif HOT 1
- Getting it to work
- Youtube Video Integration HOT 1
- Responsive problem HOT 3
- Play video on iphone HOT 2
- Plugin has stopped working for seemingly no reason HOT 1
- how to change video to image on chrome mobile with data saver ? HOT 1
- Safari Back button issue HOT 1
- Can't autoplay video with sound in Chrome HOT 2
- Cant un-mute?
- text on video HOT 1
- Vide 0.5.1 seems to not load videos, 0.5.0 works, and Awareness of forks... HOT 1
- Background video don't play at iPhones
- is still available for iOS 16 ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vide.