You need to create a script (JavaScript, jQuery)
This option is not suitable.
$(function() {
$video = $(‘video’);
and $window = $window;
$window.scroll(function() {
var $topOfVideo = $video.offset().top;
var $bottomOfVideo = $video.offset().top + $video.outerHeight();
$topOfScreen = $window.scrollTop();
var $bottomOfScreen = $window.scrollTop() + $window.innerHeight();
if(($bottomOfScreen > $bottomOfVideo) && ($topOfScreen < $topOfVideo)){
$video[0].play( )
The other {
$video[0]. pause( )
The
and the
and the
Because there is an error.
Uncaught (in promise) DOMException
This script should work on all browsers.
-
618 28 6 2 🔥Good day, I am happy to take your order.
Ready to correct the error with the video.🔥💼Also ready for further collaboration.
My Skills:
HTML and CSS
The Bootstrap
PixelPerfect (Popixel Perfect)
• Media requests
… The CSS-grid
The Flex-Box
• Adaptive wheels
• SASS / SCSS
• SVG
The Native Javascript
by jQuery
Working with OOP
• Cross-browsing
My work:
Website for business promotion: https://harlampey.github.io/Portfolio/Boost%20up/
• Site for art studio: https://harlampey.github.io/Portfolio/Art%20studio/
If you are interested, write:
• Telegram - https://t.me/Harlampey
• Skype Name - live:pasha.sugonyako💼🤞🤞📞📞
-
506 13 0 Good day ! Ready to see, you only need a page with these videos, because. You need to see what you have in HTML.
-

function come(elem) { var docViewTop = $(window).scrollTop(), docViewBottom = docViewTop + $(window).height(), elemTop = $(elem).offset().top, elemBottom = elemTop + $(elem).height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); }
$('video').each(function(){
if (come($(this))) {
$(this).play();
}
});
-
Current freelance projects in the category HTML & CSS
Website optimizationOptimization of the website jdgreta.co.uk on Shopify. SEO audit attached to the project. Main tasks - - Fix all meta data - Complete the technical specifications for the programmer (since this project combines tasks for both the programmer and SEO, if you are not a company -… HTML & CSS, PHP ∙ 6 hours 13 minutes back ∙ 22 proposals |
Transfer of the website to ShopifyWe need to migrate the current website jdfurniture.uk from OpenCart to the Shopify platform. The current OpenCart site generally meets our needs in terms of structure and functionality. The main reason for the migration is issues with payment systems. There should be no such… HTML & CSS, Web Programming ∙ 23 hours 55 minutes back ∙ 33 proposals |
Transfer of design to WordPress
45 USD
Good day! It is necessary to transfer the finished design of a one-page landing page to WordPress. The layout is fully ready (Figma), no design development is needed. It is required to code the page quality, adapt it for mobile devices, and set it up on WordPress. Please… HTML & CSS ∙ 1 day 5 hours back ∙ 102 proposals |
Output posts from Instagram to the website (OpenCart)
16 USD
Hello. I need to set up functionality so that a block with Instagram posts appears on the site (OpenCart). Please respond if you have done this and know how to do it :) Thank you :) We will agree on the price, I don't know how much it costs. HTML & CSS, Web Programming ∙ 1 day 9 hours back ∙ 50 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 1 day 11 hours back ∙ 134 proposals |