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

onclick video popup in html codepen

Shiny Shrimp answered on April 14, 2022 Popularity 9/10 Helpfulness 4/10

answer onclick video popup in html codepen

onclick video popup in html codepen

Comment

//html
<div id="button"></div>
<div id="video" style="display:none;>
  <video width="200" height="150" controls>
	<source src="vid.mp4" type="video/mp4">
</div>

//javascript
document.getElementById('button').addEventListner('click', function(){
	let video = document.getElementById('video');
  
  	function showVideo(){
    video.style.display = "block";
    }
  
  	function hideVideo(){
    video.style.display = "none"
    }
  
  showVideo();
  hideVideo();
}

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: codepen html onclick popup video

Link to this answer
Share Copy Link

Contributed on Apr 14 2022

Shiny Shrimp

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

onclick video popup in html codepen

Contents

More Related Answers

onclick video popup in html codepen

Grepper

Documentation

Social

Legal

Contact

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