Netflix Landing Page Website | Responsive Website Design using Html CSS & Javascript



Enroll My Course : Next Level CSS Animation and Hover Effects

Another Course : Build Complete Real World Responsive Websites from Scratch

——————
Join Our Channel Membership And Get Source Code of My New Video’s Everyday!
Join :
——————

Source Code :
Facebook Page :
Instagram :
Twitter :
Website :

Buy Me A Coffee :

——————
give proper credit if you repost this on other social media platform
——————
image & video source :

Image Download Link :
——————
Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

49 comments

  1. The video play java script function part isn't working , when I click on the Watch video , the video does not appear 🙁

      <a class="play"  onclick="toggleVideo()"><img src="./essets/images/play.png">Watch Trailer</a>
        </div>
        <div class="trailer">
           <video src="./essets/images/production ID_4030679.mp4" controls="true" ></video>
           <img src="./essets/images/close.png" class="close" onclick="toggleVideo()">

        </div>

        <script>
           
      function toggleVideo() {
        const trailer = document.querySelector('.trailer');
        const video = document.querySelector('video')
        trailer.classList.toggle('active')
        video.currentTime = 0;
        video.pause();

    }
        </script>

  2. i add autoplay onclick button play, and pause functions onclick close button in javascript , make the same function and change video.pause() to video.play() , but 2 functions, one for play other for pause

  3. Instead of span { border-right: 1px solid #555 } span:last-child { border-right: 0 } —> span + span{border-left: 1px solid #555 }. the 1st entry will not be selected

Leave a comment

Your email address will not be published.