-
Apr 28th, 2020, 02:33 AM
#1
Thread Starter
Lively Member
remove HTML5 video player menu button
I wanted to remove the menu button (three vertical dots) from the video controls of the HTML5 video tag.
-
Oct 10th, 2020, 03:47 AM
#2
New Member
Re: remove HTML5 video player menu button
In video tag add an attribute with no action and all the controls will be removed.
-
Oct 13th, 2020, 06:13 PM
#3
Re: remove HTML5 video player menu button
Hi there Prahlad,
it just needs a snippet of javascript to achieve this...
Code:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>Remove picture-in-picture</title>
</head>
<body>
<video id="vid" controls>
<source src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/360/Big_Buck_Bunny_360_10s_1MB.mp4" type="video/mp4">
</video>
<script>
(function( d ) {
'use strict';
d.getElementById( 'vid' ).disablePictureInPicture = true;
}( document ));
</script>
</body>
</html>
~ the original bald headed old fart ~
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|