/Javascript/AngularJS/Adding background video angular 6

Adding background video angular 6

<video autoplay muted loop id="myVideo">
  <source src="path_to_video" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

Source: stackoverflow.com

Adding background video angular 6

 /* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

Source: stackoverflow.com

Similar codes

0 vote181 views1 answer
Angular module with routing cli
Javascript AngularJS
10 votes166 views2 answers
Angular http request query params
Javascript AngularJS
16 votes161 views6 answers
Generate new component angular
Javascript AngularJS
0 vote183 views1 answer
Vs 2019 how to publish angular environment prod
Javascript AngularJS
0 vote174 views1 answer
Get all form errors angular
Javascript AngularJS
0 vote214 views1 answer
Angular remove index of array
Javascript AngularJS
33 votes221 views6 answers
Angular add bootstrap
Javascript AngularJS
0 vote151 views1 answer
Select all checkbox in angular
Javascript AngularJS
1 vote178 views1 answer
How to concurrently run angular and node
Javascript AngularJS
6 votes179 views4 answers
Bootstrap not working in angular
Javascript AngularJS