(function(){
var vids = document.getElementsByClassName('_autoplay_vid');
for (var i = vids.length - 1; i >= 0; i--) {
//pause all the videos by default
vids[i].pause();
}
window.onscroll = function(){
for (var i = vids.length - 1; i >= 0; i--) {
var currentYpos = window.pageYOffset || document.documentElement.scrollTop;
if ( currentYpos >= vids[i].offsetTop && currentYpos <= vids[i].offsetTop + vids[i].offsetHeight ) {
vids[i].play();
}else{
vids[i].pause();
}
}
};
});
Use : <video class="_autoplay_vid"></video>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.