search

Web-Dev-for-Beginners / HTML-CSS-and-JavaScript-Projects

Web Development Projects built using HTML, CSS and JavaScript
2 stars 9 forks source link

Added Background Video #18

Open Trisha-tech opened 1 year ago

Trisha-tech commented 1 year ago

(Issue #7) Background Video #7 I have implemented a dynamic background for the website by adding video in the background section of the webpage.

HTML Code

Screenshot (4612)

CSS Code

Screenshot (4613)

Screenshot (4614)

Screenshot (4615)

Screenshot (4616)

JavaScript Code

Screenshot (4618)

Screenshots

Screenshot (4619)

Screenshot (4624)

Screenshot (4621)

Screenshot (4622)

Screenshot (4623)

Output Video

https://user-images.githubusercontent.com/55338588/216850975-81b3a735-fb2a-4b84-b693-ee66765df9f5.mp4

Updated Changes Demo Video

https://user-images.githubusercontent.com/55338588/221048798-804664b3-6d8b-4357-9e6c-f13815a02a1f.mp4

Trisha-tech commented 1 year ago

@Trisha-tech Good work. Add some more functionalities to the app. Here are some ideas:

  • Add a carousel of video thumbnails, once the user clicks on one of the videos, it expands and starts playing.
  • Add some text animation along with the video.

Hello @LiQuiD-404, I have added the suggested functionalities (i.e. text animation and carousel of video thumbnails). Kindly check