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

html5 video hide controls javascript

Pl0erre answered on July 12, 2021 Popularity 9/10 Helpfulness 4/10

answer html5 video hide controls javascript

html5 video hide controls javascript

Comment

// add an id to the <video> tag
// select element with given id and remove the "controls" attribute

const element = document.getElementById("YourElementId");
element.removeAttribute("controls");

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: controls hide html5-video javascript

Link to this answer
Share Copy Link

Contributed on May 09 2022

Pl0erre

0 Answers Avg Quality 2/10

Closely Related Answers

html video hide controls

Comment

-1

<video width="320" height="240" controls="hidden">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Popularity 10/10 Helpfulness 10/10 Language html

Source: Grepper

Tags: controls control

Link to this answer
Share Copy Link

Contributed on Jul 12 2021

Yasin

0 Answers Avg Quality 2/10

how to hide controls in html video tag

Comment

<video controls>
  <source src="video.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<style>
  video::-webkit-media-controls {
    display: none;
  }
  video::-webkit-media-controls-enclosure {
    display: none !important;
  }
  video::-webkit-media-controls-panel {
    display: none !important;
  }
</style>

Popularity 8/10 Helpfulness 8/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

html5 video hide controls javascript

Contents

More Related Answers

html5 video hide controls javascript

Closely Related Answers

html video hide controls

how to hide controls in html video tag

Grepper

Documentation

Social

Legal

Contact

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