Autohide the HTML5 player controls when the video is suspended as well.

The HTML5 player controls will hide after a few seconds when a video begins to play, either click on a YouTube video link, or when the video is taken from the break. However, the controls will be visible as long as the video is paused. The controls are quite obstructive due to certain times when I need a break to see a certain thing in the video in a very short time-frame but got covered by the player controls and disappears when resume playback. So, how to make controls of the HTML5 to hide also automatically a few seconds after the video player is paused or instantly hides when the mouse is outside the area of the drive?

Hi frfxuser, the embedded player works the way you describe, but YouTube uses scripts to customize the player controls, so you would need a specific YouTube 'hack' to hide the application.

One possible approach would be to use a Bookmarklet, which is a snippet of JavaScript that you can save on your bookmarks bar or Bookmarks Menu for quick access. The script can assign controls ' view: no ', then when you click on the new button, remove this rule so they show once again and you can return to normal.

If you want to try it:

A time of installation:

(A) select and copy the following script:

javascript:var s=document.getElementById('stylehidecontrols'); if(s){s.remove();} else{s=document.createElement('style'); s.id='stylehidecontrols'; var r='#movie_player .ytp-gradient-top, #movie_player .ytp-chrome-top, #movie_player .ytp-progress-bar-container, #movie_player .ytp-chrome-controls{display:none !important}'; s.appendChild(document.createTextNode(r)); document.body.appendChild(s);} void 0;

(B) right click a place on the bookmarks Menu or Bookmarks Toolbar where you want to save the script and choose new bookmark

(C) in the location box, paste the script, and then in the name box, type something you remember as YT hide and click the Add button

To use the bookmarklet:

After clicking on pause, click on the bookmarklet to run the script on the page and hide the controls.

You can return to the player by clicking on it, but if you want comprehensive controls, click on the bookmarklet button again to remove the hack of the page style.

Tags: Firefox

Similar Questions

  • Cannot run the media player 11 when getting video e-mail

    After the opening of media player to run my e mail I got, message box appears and it says the following "Windows Media Player cannot access the file. The file may be in use, you won't have access to the computer on which the file is stored, or your proxy settings are may not be incorrect. »

    How can I fix it? On my other computer I can open and launch media player very well, and download the video that was sent to me. It is XP and running media player Number 10.  Please notify * address email is removed from the privacy *.

    Hello

    Try the steps listed in the following thread. It deals with sound, no video, but the steps to resolve this issue should work for you as well. http://answers.Microsoft.com/en-us/Windows/Forum/Windows_7-sound/error-when-trying-to-play-audio-files-Windows/16fb2a9a-f6ef-4907-bf45-c6ddf15183df

    Good luck. I hope this helps.

  • Auto hide player controlbar when fullscreen video

    1. how to Auto hide player controlbar, when the video full screen.

    2 and also controlbar widh when player fullsize to control width.

    Code

    function fullscreenOnClicked(e:MouseEvent):void {
         stage.displayState = StageDisplayState.FULL_SCREEN;
    }
    
    
    function fullscreenOffClicked(e:MouseEvent):void {
         stage.displayState = StageDisplayState.NORMAL;
         
    }
    
    
    function onFullscreen(e:FullScreenEvent):void {
          if (e.fullScreen) {
              
              // switch fullscreen buttons
              mcVideoControls.btnFullscreenOn.visible = false;
              mcVideoControls.btnFullscreenOff.visible = true;
              
              // bottom center align controls
              mcVideoControls.x = (Capabilities.screenResolutionX - 480) / 2;
              mcVideoControls.y = (Capabilities.screenResolutionY - 36);
              
              // size up video display
              vidDisplay.height      = (Capabilities.screenResolutionY - 36);
              vidDisplay.width      = vidDisplay.height * 4 / 3;
              vidDisplay.x          = (Capabilities.screenResolutionX - vidDisplay.width) / 2;
        } else {
              // switch fullscreen buttons
            mcVideoControls.btnFullscreenOn.visible = true;
              mcVideoControls.btnFullscreenOff.visible = false;
              
              // reset controls position
              mcVideoControls.x = 0;
              mcVideoControls.y = 360;
              
              // reset video display
              vidDisplay.y = 0;
              vidDisplay.x = 0;
              vidDisplay.width = 480;
              vidDisplay.height = 360;
        }
    }
    
    
    

    Use the code to avoid the large size of the control in full screen below:

    import flash.display.Stage;
    import flash.display.StageScaleMode;
    import flash.display.StageAlign;

    stage.scaleMode = StageScaleMode.NO_SCALE;
    internship. Align = StageAlign.TOP_LEFT;

    within resizehandler:

    function resizeHandler(e:Event):void
    {
    mcVideoControls.x = (stage.stageWidth - mcVideoControls.width) / 2;
    mcVideoControls.y = stage.stageHeight - mcVideoControls.height;
    }

    It's pretty anywhere you need of codes.

    Hope that it solved

  • Audio does not matter in the sequence, only the video? plays very well in the source window.  What should do?

    Please help... as a result of a recent pro first cc update, that I can't see the audio file in the sequence of the chronology of loading when I drag over the project Panel.  The video file is loaded correctly, but there is NO audio data during playback and no audio file loading.  The file is played both video and audio in the source Panel.  That's happened?

    It is almost always a problem with setting the patch/targeting of audio tracks...

    Neil

  • Windows media player all of a sudden I see nothing when playback video sound from very well, but I get like a psychedelic photo swirling in the video area looking...

    I can no longer see movies. I have sound but I have no picture, just a psychedelic research of swirl in the image. I'd appreciate any help.

    Hi elottier,

    1. what type of file you are trying to play?

    2. what version of Windows Media Player is installed on the computer?

    This seems to be a Codec problem. A codec is a software to compress or decompress a digital media file, such as a song or a video. Windows Media Player and other programs use codecs to play and create digital media files.

    Try the steps from the following link:

    You receive an error message when you try to play an .avi file in Windows Media Player

    I hope this helps.

  • My Windows Media Player will play the video of an MPG file, but it will not play the sound. What is the cause?

    I do video editing.  I transferred my camera video file and Windows Media Player played the video and audio very well at the beginning.  I edited the file with editing software and exported the file again.  Now, the sound will not play using WMP but it will play if I use video editing software.

    As a result, I've uploaded new files from the camera and now WMP not give me sound on those either.  If something seems to be affected by my WMP.  Any help you can give would be much appreciated.

    Hi rgosmond,

    (a) don't you get any specific error message when you play the video?

    (b) what is the file format of the resulting video file after editing by using the video editing software?

    (c) you are able to play the files on the computer? You hear the sound?

    I suggest you try the following steps:

    O make sure that windows MediaPlayer is not muted, press F7 on the keyboard to turn the sound back on.

    Ø check if the volume is at a minimum in Media Player, press F9 on the keyboard to increase the volume.

    Verify that the default audio device is correctly set

    1. click on start, type Sound in the box to start the search.

    2. click on sound in the results of search at the top of the start menu.

    3. click on the tab reading notice the check mark next to the default device. For most users, the default device is speakers. Make sure that the audio settings are configured as expected. Follow these steps:

    4. on the playback tab, select the playback device, click Properties, click the Advanced tab and make sure that the default Format is set to the value you expect. When you are finished, close this window to return to the previous window.

    5. on the playback tab, select the playback device, click on configure and make sure that the configurations are set correctly.

    6. If the sound settings are well positioned, you are using speakers as the audio device and your speakers are already set as the default device, go to method 5 now.

    7. Select the audio device you want as the default audio device and then click on set as default.

    8. click OK to save your settings and close the sound dialog box.

    Now, check if the problem is resolved.

    Thank you, and in what concerns:

    Ajay K

    Microsoft Answers Support Engineer

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Help with the cursor of volume for the video player

    I am currently developing a slider allowing to adjusts the volume of the video that is playing. I currently have a slider that allows you to set the status of the video that works very well. I put my volume slider upwards in the same way (as of the making it slide and boundaries, in that if there is content), but it fails to actually be draggable. I click on the slider and it disappears from view instead of allowing me to slide. It's been a while since I've done as a work and I am struggling to understand the problem here because everything seems to be OK. Any help would be greatly appreciated. You can see a demo here. I have attached my source below code.

    Nevermind, figured it out. Problem is that I'm just delayed with mathematics.

  • Movie Maker will not see a preview of the video, but plays sound

    Hello

    I know this question has been answered before, but I tried the suggested solutions and it doesn't seem to work. I used the MicrosoftFixIt tool to find any bad codecs and none came. I clicked on one of the links to download an older version of NVIDIA, as suggested, but I'll be honest, I have no idea what I'm doing.

    All I want to do is to edit videos on Movie Maker, but I can't because I don't see what I'm doing. Even if I just put a picture, nothing is displayed in the Preview on the left area!

    When I export the video she plays very well because I have strung together some pictures and a few videos with a mp3 file on the top and everything I played correctly once it had been exported.
    I use my laptop which is a HP Pavilion dm4, my OS is Windows 7 Home Premium, and I tried to update Movie Maker on the Windows website.
    I need help. Thank you for your time, you're probably sick of answering these questions, but I searched your forums carefully and nothing has worked.

    I look forward to your reply.

    Thank you for your help but I tried to restore my device driver, but unfortunately I have not all previous versions to restore. I have also tried to lower my hardware acceleration, despite having allowed me to completed the first instructions little change 16 bits etc, I could not then lower acceleration because the laptop just wouldn't let me.

    Thank you for your quick response, but unfortunately, my laptop still stubbornly useless.

    =======================================
    Depending on your answer I do not know what else to think.
    Although you might find your computer mfg site for
    earlier video drivers.

    Maybe install a previous version of Movie Maker
    worth to try:

    There is a version of Vista Movie Maker 6.0 which will be
    run on perhaps Windows 7 or 8... You can use it to
    new projects until you find the fix for MM12.

    (FWIW... it's always a good idea to create a system)
    Restore point before installing software or updates)

    Windows Movie Maker 6.0 on Windows installation 7 or 8
    http://movies.blainesville.com/2010/05/installing-Windows-Movie-Maker-60-on.html

  • Turn the video landscape portrait?

    I have a video clip that is somehow in portrait mode, although it was filmed in the landscape, all I have to do is turn to be common sense and the video will be very well.  There is a half an answer here , but it is basically useless, because if I do that, I have a correct video but with two cut sides and two black bars on the top and the bottom and the whole project is still portrait...

    How can I fix?

    First, set your project the correct size.

    It seems that you leave the dimensions of your project determined by the first clip you dragged into it.

    Purposes of argument, we'll tell your clip is 1080 x 1920 instead of 1920 x 1080, and you want to rotate and used in a project of 1920 x 1080.

    (1) create your project. Explicitly set the dimensions of the project. Don't let it be dealt with by the first clip.

    (2) add your clip to the timeline. In the Inspector, change the rotation to 90 degrees or - 90 ° as the case.

    (3) in the Inspector, under spatial compliance, set it to None.

  • Consider adding a touch of repetition of native HTML5 player

    The add-on Firefox media loop is described as a "loop audio/video control [HTML5] Menu item" - https://addons.mozilla.org/en-US/firefox/addon/media-loop/. Media loop can be used to repeat HTML5 videos on any website, not just YouTube.

    Can you to implement HTML5 video media across loop! and a repeat button that uses it in the control. Refer to the red icon background repeat marked located to the right of the screenshot above set to update the?

    Video HTML5 everywhere uses the native Firefox HTML5 player control bar, however, it has a function of repetition, but it must be active or by the context menu of the preferences in the Add-ons.

    Post your ideas in the link I gave you. Many of these people know that
    Mozilla is planing for the future and you can tell what is happening.

  • Error when you try to play a DVD: Windows Media Player cannot play back the video DVD. You may need to adjust your Windows display settings. Open display settings in Control Panel, and then try to lower your screen resolution and color quality settings.

    Windows Media Player help

    I bought a netbook and have an external CD drive to dvd. When I want to play the video, I get this error.  I can't find a solution.  Any Advisor.  Error is... Windows Media Player cannot play back the video DVD. You may need to adjust your Windows display settings. Open display settings in Control Panel, and then try to lower your screen resolution and color quality settings.

    Hi Rains27,
     
    1. were you able to play the same DVD sooner?
    2. must arrive with a particular DVD or all of them?
    3. do you have a DVD decoder installed on your computer?
    4. you use starter edition of windows 7?
    5. What is the resolution on your computer?
    6. have you installed a codec on your computer?
    If you have installed a codec on your computer the I suggest you to uninstall the codec.
     
    Method 1:
    Try running Windows Media Player DVD Troubleshooter utility and check if this may help:
     
    Open the troubleshooting Windows Media Player DVD Troubleshooter by clicking the Start button, then Control Panel. In the search box, type troubleshooting, and then click
     
    Troubleshooting, click View all, and then click Windows Media Player DVD.
    http://Windows.Microsoft.com/en-us/Windows7/open-the-Windows-Media-Player-DVD-Troubleshooter
     
    Method 2:


    Method 3:

    Try to reduce the hardware acceleration again and check if it makes a difference.
     
    a. open the screen resolution by clicking the Start button, Control Panel, and then, under appearance and personalization, click on adjust the screen resolution.
    b. click on advanced settings, troubleshoot tab and then click on change settings.
    c. move the hardware acceleration slider toward none to reduce or turn off video hardware acceleration.
    d. click OK and then click Restart now.

    For more information, see this link: thanks and regards:
    I. Suuresh Kumar - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

  • Videos YouTube are black when you use the HTML5 player.

    Today when I booted up my laptop, Firefox would not play any YouTube video - audio still works and the preview of the image when the research is there, but instead of the video there is just a black screen. I have NO intention to install Flash Player. Help, please? Thanks in advance.

    Hello

    Try disabling graphics hardware acceleration. As this feature has been added to Firefox, it has gradually improved, but there are still some problems.

    You will have to perhaps restart Firefox for it to take effect, so save any work first (e.g. you compose mail, documents online that you are editing, etc.).

    Then perform the following steps:

    1. Open the Firefox Options (Preferences on Mac or Linux) as follows:

      • In Firefox 29,0 and above, click on the menu button

        then select Options Preferences on Mac or Linux, or Windows.

      • In 28.0 Firefox and earlier versions, click on the Firefox orange upper-left button, then select the 'Options' button or, if there is no button up Firefox, go to tools > Options.
    2. In the window of Firefox Options (or preferences), click on the Advanced tab, and then select general.
    3. You will find in the list of parameters, the checkbox use hardware acceleration when available . Clear this check box.
    4. Now restart Firefox and see if the problems persist.

    In addition, please check the updates for your graphics driver by following the steps in the following knowledge base articles:

    This solve your problems? Please report to us!

    Thank you.

  • How to block all the videos and ads on all the site as how it is when it shows the gray screen when the flash player needs to be updated

    Hi there please help me. I didn't have this problem until two days ago when the browser updated itself. I have the youtube video downloader add on and always use it. I'm on a data plan and it used to block videos and add ads which I like, but now is not because of the update, I came back to the old version, but it did not help and I downloaded the flash but block it does not work. It makes the slow loading of pages and uses a large amount of data that I tried many things like all the plugins of switching to add it on the menu to activate ever and it doesn't quite work. Before it used to show the gray screen, where it says "the flash player is out of date" on videos and commercials, but he does not do this because of the update so please help me to do it again.

    I solved. On the firefox support page they will give you information about the HTML5 player and they say there that firefox uses it only 38 version before so I'm 36 version and it worked in blocking it as before.

    So its all sort and if everyone wants to do the same thing go to https://ftp.mozilla.org/pub/firefox/releases/ and all previous versions will be there.

  • Twitch.TV HTML5 player causing the video driver crash

    Current video card is Radeon HD7800. This problem only appears when using Firefox to watch videos on the site of twitch.tv using the new HTML5 player. At the beginning all right, but there is gradual corruption of the firefox window. Text disappears, corrupt graphics and finally the leak of graphics corruption on windows or Aero, office causing a crash video driver and the restoration. This only happens with the jerk HTML5 player. All other sites work fine. The player also works very well in other browsers. IE9 and chrome have been tested. Firefox is the most recent version, and so are the video drivers.

    I've had previous issues with suffers from a strange, unexplained, graphical corruption that have been patched out in new versions of firefox. It is the first instance when Firefox caused a crash of the complete video driver.

    I get a Flash player on the half dozen I checked. How do you switch HTML5?

  • El Capitan crashes when watching the videos on QuickTime Player

    Hi all

    I faced a problem while watching the video on QuickTime Player. I'm not in streaming video. The video is in my SSD. Looking to halfway through my Mac suddenly freezes. I tried to press the touch Trackpad Force but nothing happens. The comments of tactics is absent. It's like the trackpad has been disabled. The screen is always on but the video is blocked right of the stage when my mac started to freeze. The sound of the video is still there. I tried to force the application to quit by using the keyboard shortcut, but nothing helps, it is not helped. The last resort, that I took is to press the power button for about 30-40 seconds before my mac stops completely. Can I know the reason behind this? And what steps should I take?

    Thank you.

    These must be run as administrator. If you have only one user account, you are the administrator.

    Please launch the Console application in one of the following ways:

    ☞ Enter the first letters of his name in a Spotlight search. Select from the results (it should be at the top).

    ☞ In the Finder, select go utilities ▹ of menu bar or press the combination of keys shift-command-U. The application is in the folder that opens.

    ☞ Open LaunchPad and start typing the name.

    Step 1

    For this step, the title of the Console window should be all Messages. If it isn't, select

    SYSTEM LOG QUERIES ▹ all Messages

    in the list of logs on the left. If you don't see this list, select

    List of newspapers seen ▹ display

    in the menu at the top of the screen bar.

    In the upper right corner of the Console window, there is a search box to filter. Enter "BOOT_TIME" (without the quotes).

    Each message in the journal begins with the date and time when it was entered. Select the BOOT_TIME message that corresponds to the last boot time when you had the problem. Now, clear the search box to display all messages. Select those recorded before starting, during the time that something unusual was happening. Copy to the Clipboard by pressing Control-C key combination. Paste into a reply to this message by pressing command + V.

    For example, if the system is unresponsive or unable to stop for three minutes before you forced a reboot, post the timestamped messages within three minutes before the start time, not after. Please include the message BOOT_TIME at the end of the extract from newspaper - not at the beginning.

    If there is a long series of messages, please post only one example of each. Do not post of many repetitions of the same message.

    When you post a journal excerpt, be selective. A few dozen lines are almost always more than enough.

    Some private information, such as your name, may appear in the log. Anonymize before posting.

    Please don't dump blindly thousands of lines in the journal in this discussion.

    Please do not post screenshots of log messages - text poster.

    Step 2

    In the Console window, select

    DIAGNOSIS AND diagnostic USE information reports ▹ System

    (not diagnose them and use Messages) in the list of logs on the left. If you don't see this list, select

    List of newspapers seen ▹ display

    in the menu bar.

    There is a disclosure triangle to the left of the list item. If the triangle is pointing to the right, click it so that it points downwards. You will see a list of reports. A crash report has a name that begins with the name of the process crashed and ends with ".crash". A report of panic has a name that begins with "Kernel" and ends with ".panic." A report of stall stop has a name ending with ".shutdownstall". Select the most recent of each, if any. The content of the report is displayed at right. Allows you to copy and paste to validate all of the content, text, not a screenshot. It is possible that none of these reports exist.

    I know that the report is long, perhaps several hundred lines. Please report all this anyway.

    If you don't see any report, but you know, there was a crash or panic, you can have selected diagnostic and using the list of Log Messages. INFORMATION on the USE of DIAGNOSTIC AND choose instead.

    In the interest of privacy, I suggest that, before posting, you change the UUID ' anonymous, ' a long string of letters, numbers and dashes in the header of the report, if it is present (it cannot be). "

    Please do not post other types of diagnostic report - they are very long and rarely useful.

    When you post the journal excerpt or the accident report, you might see an error message on the web page: "you have included content in your post that is not allowed", or "the message contains invalid characters." It's a bug in the forum software. Thanks for posting the text on Pastebin, then post here a link to the page you created.

    If you have an account on Pastebin, please do not select private in exposure menu to paste on the page, because no one else that you will be able to see it.

Maybe you are looking for

  • How iMovie organizing imported video clips

    I just imported quite a few video clips (c. 400) to a folder in my office in iMovie.  Most of the clips are pretty short - maybe less than a minute. I went in the screen of media project and began to watch the clips.  I noticed that it doesn't seem t

  • XOOM: Australian Xoom can be used in Italy?

    I'm about to buy a zoom in Australia I will be able to use it is Italy? Also advise you to buy a 3G + Wifi or WIFI only. My trip will be in the United Kingdom & Italy

  • HP ENVY 700: Try to run a 3 monitor Setup.

    I installed a new graphics card (Geforce GT 610) o my HP Envy 700. My motherboard has montior 2 plug-ins that are used, however when I installed the new video card it only doesn't show the monitor third at startup not the first 2 that are used on the

  • Medium need to return false if a value has not yet been written.

    I am a new user of labVIEW here looking for a way to return false if the value has not yet been written. I am using the "select" tool to swap between values early enough in my simulation. However, it requires data that has not happened yet, so I need

  • How to justify left DateField?

    Hi all I have a very basic question regarding alignment on DateField. By default, the DateField will have a label on the extreme left and the value on the right-hand side of the screen. Is it possible to achieve the DateField as shown below? If so, h