Breaking News: Grepper is joining You.com. Read the official announcement!

html video tag play button overlay

Jonathan López Iglesias answered on February 23, 2022 Popularity 3/10 Helpfulness 1/10

answer html video tag play button overlay

related html video tag play button overlay

html video tag play button overlay

Comment

video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

Popularity 3/10 Helpfulness 1/10 Language html

Source: codeconvey.com

Tags: button html overlay video

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Jonathan López Iglesias

0 Answers Avg Quality 2/10

Closely Related Answers

html video tag play button overlay

Comment

button {
    background-color: #666;
    border: medium none;
    color: #fff;
    display: block;
    font-size: 18px;
    left: 0;
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 50%;
}

Popularity 5/10 Helpfulness 3/10 Language html

Source: codeconvey.com

Tags: overlay button video html

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Jonathan López Iglesias

0 Answers Avg Quality 2/10

html video tag play button overlay

Comment

<button class="active">play</button>
<video id="banner-video" preload="auto" loop>
	<source src="https://static.videezy.com/system/resources/previews/000/002/719/original/cloudy-sunset.mp4">
</video>

Popularity 5/10 Helpfulness 3/10 Language html

Source: codeconvey.com

Tags: button video html overlay

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Jonathan López Iglesias

0 Answers Avg Quality 2/10

html video tag play button overlay

Comment

$( document ).ready(function() {
var ctrlVideo = document.getElementById("video"); 
$('button').click(function(){
  if ($('button').hasClass("active")){
    
        ctrlVideo.play();
    
    $('button').html("Pause");
    $('button').toggleClass("active");
  } else {
    
        ctrlVideo.pause();
    
    $('button').html("play");
    $('button').toggleClass("active");
  }
});
});

Popularity 3/10 Helpfulness 1/10 Language html

Source: codeconvey.com

Tags: html button video overlay

Link to this answer
Share Copy Link

Contributed on Feb 23 2022

Jonathan López Iglesias

0 Answers Avg Quality 2/10

html video tag play button overlay

Contents

More Related Answers

html video tag play button overlay

Closely Related Answers

html video tag play button overlay

html video tag play button overlay

html video tag play button overlay

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.