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.
-
643 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
A turnkey website for wedding photographers: design + text + launchWe are looking for a specialist (or studio) to create a turnkey portfolio website - a full cycle from concept to publication. We want minimal involvement from our side: you take the task and bring it to a finished result. What is included in the "turnkey" work: • Design in… HTML & CSS, Web Design ∙ 13 minutes back ∙ 22 proposals |
Looking for a web designer / developer on WordPress (Divi builder)https://annalecat.com/corporate-training/ What needs to be done: We have one page on the website that currently looks bad. It needs to be redesigned and laid out so that it looks beautiful, modern, and neat. What we already have for work: Text: Fully prepared and divided into… HTML & CSS, Web Design ∙ 1 day 20 hours back ∙ 35 proposals |
Processing and filling out a package of documents (Word and PDF)
68 USD
Looking for a freelancer for the prompt completion and formatting of a document package using ready-made templates (contracts, agreements, declarations). The task includes: Filling out these templates (candidate data, conditions, dates) in ready Word/PDF forms; Checking the… HTML & CSS, Text Editing & Proofreading ∙ 2 days 12 hours back ∙ 32 proposals |
Layout of 3 pagesIt is necessary to create a layout using Tailwind for WordPress. The pages should be as isolated from the theme as possible to avoid overriding any styles. Some elements already exist in the implemented theme and need to be reused. There is no mobile version in the design; the… HTML & CSS ∙ 2 days 16 hours back ∙ 62 proposals |
Comprehensive WordPress edits: plugin replacement (security), layout, and AI-SEO
23 USD
Looking for a WordPress specialist to perform three blocks of tasks on an active site: Security and Forms (Priority): Completely replace the outdated forms plugin (which is no longer updated by the author) with a modern and secure alternative (Fluent Forms / Forminator).… HTML & CSS, Search Engine Optimization (SEO) ∙ 3 days 1 hour back ∙ 48 proposals |