Hide video controls on player

  • Resolved paulo.tebet

    (@paulotebet)


    9 years, 10 months ago

    I would like to fine tune a table at this portion of my page:

    Animated GIF

    To the left I have an example of an animated gif, on the page it really is an mp4 file. It would be very nice to completely hide the player controls and have only the images showing… Can this be done?

    Also, the image on the right side of the table is a little bit down, causing a misalignment. I would love to have both the video and the image vertically aligned.

    Regards,

    Paulo Tebet

Viewing 4 replies - 1 through 4 (of 4 total)
  • Aleksandar – WPMU DEV Support

    (@wpmudevsupport10)

    9 years, 10 months ago

    Hello,

    Could you please try the following CSS code?

    .ytp-large-play-button.ytp-button {
display: none;
}
.ytp-ad-persistent-progress-bar-container {
display: none !important;
}
.ytp-playlist-menu {
display: none !important;
}
.ytp-share-panel {
display: none !important;
}

    You can add this in a Child Theme style.css file or you can use a custom CSS plugin.

    You should only use the !important rule if absolutely necessary, please see these links for more information.
    https://css-tricks.com/when-using-important-is-the-right-choice/
    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Please let me know if it works.

    Thanks,
    Alex 🙂

    Kevin

    (@jx-3p)

    9 years, 10 months ago

    I would suggest just turning that mp4 into a gif before uploading it. You can use a site like this one to accomplish that:
    http://ezgif.com/video-to-gif

    How are you adding that image? You can remove the margin with this CSS, but you should be able to set it when you upload it.

    .wp-image-1763 {
    margin: 0 !important;
}

    If you need the CSS option, then place it into Appearance> Theme Options> Advanced Settings.

    Thread Starter paulo.tebet

    (@paulotebet)

    9 years, 10 months ago

    Thanks Alex and Kevin.

    Alex, the video player controls are still visible for most of the time the video is playing (like it was before the CSS code you sent me was added).

    It is a “small thing”, but if there is some other things to try I would really appreciate it.

    Regards,

    Paulo Tebet

    Thread Starter paulo.tebet

    (@paulotebet)

    9 years, 10 months ago

    I have just replaced the .mp4 with the .gif and all is well !

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Hide video controls on player’ is closed to new replies.