Insert video in Bootstrap with embed source code and video tag - Beginners tutorial

Veröffentlicht am: 14 September 2017
auf dem Kanal: Learning Simplified
3,019
20

How to insert video in Bootstrap using both embedded code and HTML5 CSS3 video tag tutorial || Watch our Facebook page for updates:
  / learnmaniac1987  

Let's have a look on what are we going to learn in this Beginners' tutorial in short:

1) How to use Embedded source code of a YouTube video to roll
playback into your website and of course it should be
responsive.

2) Using a html5 video tag in your website for inserting video

These are the two things that we will cover in our video tutorials.

Now, Bootstrap framework is a responsive frame that works on the basis of HTML5 and CSS3, i.e., it will support semantic codes used in HTML5. Hence we used the HTML5 video tag along with all the parameters used there. It has some pros and cons. Pros are, you are specifying the usage of that particular div, the role or function that tells your browser what exactly the div is for. Another important feature - no external video player is needed in playing the videos which is great. But in turn, the con is - repeating the same video in two different file formats supported by different browsers. This makes your project much bigger in size.

Inserting videos from YouTube using embedded source code is the same as observed in responsive frameworks - i frame class and some classes to maintain the aspect ratio. Details are in the video.

Hope you will like this tutorial. If you liked this tutorial then do not hesitate to hit that red SUBSCRIBE button. Like us, comment on us and share as far as you can.

Thanks for watching in advance. Enjoy Learning!!

======================================================
Stay tuned to our channel to learn more:
   / @learningsimplified  
======================================================
Watch for relevant blogs at :
http://learnsimple1987.blogspot.in/
======================================================
Our G+ profile is at:
https://plus.google.com/u/0/b/1086166...
======================================================
Twit us at:
  / learnmaniac1987  
======================================================

~-~~-~~~-~~-~
Please watch: "JavaScript Tutorial for Beginners #12- Make a Basic Calculator"
   • JavaScript Tutorial for Beginners #12- Mak...  
~-~~-~~~-~~-~


Auf dieser Seite können Sie das Online-Video Insert video in Bootstrap with embed source code and video tag - Beginners tutorial mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Learning Simplified 14 September 2017 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,019 Mal angesehen und es wurde von 20 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!