How to make a fullscreen video background in HTML and css without JavaScript - watch us at / learnmaniac1987
SUBSCRIBE
In this tutorial we are going to insert a full screen video in background of a web page in
an easy way without javaScript programming to create a play / pause option. In the next
tutorial, we will see how to create our own styled button and make it interactive with the
same options with JavaScript programming.
Things that we are going to learn in this tutorial are:
1) Video dimension and adjustable size
2) How to prepare our root folder for the changes made.
3) Creating the page in html5 and associated .css file.
4) Using normal Html5 video tags to insert video into our page.
5) Display difference due to changes in css properties - using min-width and min-height and using the width property only.
6) Continuation to the next part inserting interactive button using JavaScript.
We had to use HTML5 in this occassion to make use of the video tag available here. Watch out the tutorial till end. Enjoy Learning!!
You will find us in the following places:
====================================================
Watch our blogs at:
https://learnsimple1987.blogspot.in
=====================================================
Watch our channel at:
/ @learningsimplified
======================================================
This is our Facebook page. Stay tuned to be updated:
/ learnmaniac1987
======================================================
Watch for latest release on Twitter:
/ learnmaniac1987
======================================================
Want to see our PDF tutorials? Watch our page at the Teachable:
https://learning-simplified.teachable...
======================================================
If you liked our video then do not hesitate to hit the Red Subscribe button. Like us, share us, comment on us. Enjoy Learning!!