Results 1 to 3 of 3

Thread: remove HTML5 video player menu button

  1. #1

    Thread Starter
    Lively Member
    Join Date
    Jan 2020
    Posts
    120

    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.

    Name:  Capture.jpg
Views: 2194
Size:  28.2 KB

  2. #2

    Re: remove HTML5 video player menu button

    In video tag add an attribute with no action and all the controls will be removed.

  3. #3
    Hyperactive Member coothead's Avatar
    Join Date
    Oct 2007
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    284

    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
  •  



Click Here to Expand Forum to Full Width