Solution to show only video (no white borders)

  • Resolved Fixdeman

    (@fixdeman)


    8 years, 10 months ago

    For the ones who are interested.
    If you want your Vimeo video to show only the video, without any controls or borders around it, try the following:
    – Choose the ‘Default’ theme in the PrettyPhoto settings.
    – Add the following CSS:

    div.pp_default .pp_content, div.light_rounded .pp_content,
div.pp_default .pp_content_container .pp_details .pp_nav,
div.pp_default .pp_top,
div.pp_default .pp_bottom,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
    background: none !important;
}
.pp_top, .pp_bottom,
div.pp_default .pp_content_container .pp_details,
div.pp_default .pp_content_container .pp_details .pp_nav,
div.pp_default .pp_description,
div.pp_default .pp_expand {
    display:none !important;
}

    https://wordpress.org/plugins/wp-video-lightbox/

Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Author wptipsntricks

    (@wptipsntricks)

    8 years, 10 months ago

    Hi, Thank you very much for the CSS tweak!

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    I know it’s been a while, but could you tell me if the code still works, and where should I paste it?

    And is it possible to show it fullscreen?

    Thank you 🙂

    EDIT: I’ve just noticed you can reduce the horizontal padding to 0, thus solving the border problem 🙂
    But I still don’t know about the fullscreen and where to paste the code.

    Plugin Support mbrsolution

    (@mbrsolution)

    7 years, 11 months ago

    @colasdestosti I have not tested the above mentioned code. However if you want to test it yourself simply install the following plugin. Copy and paste the above code in the plugin you just installed and then carry out a test.

    If you have any more questions please let me know.

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    @mbrsolutions Thank you for your help. Unfortunately I’ll have to give up on using this plugin (Vimeo-relates issue), but thank you for suggesting me the Custom CSS plugin, it will turn out useful 🙂

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    Actually, I’m trying to use the plugin once again.

    I tested the code, and while the borders disappear, the controls are still there.
    Any fix?

    Plugin Support mbrsolution

    (@mbrsolution)

    7 years, 11 months ago

    It might be related to the way your theme works. Have you tested a default WordPress theme like Twenty Fifteen?

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    I tried with Twenty Fifteen, but I get the same results: borders gone, the rest still there.

    Plugin Support mbrsolution

    (@mbrsolution)

    7 years, 11 months ago

    Can you share your URL with the video.

    Thank you

    Thread Starter Fixdeman

    (@fixdeman)

    7 years, 11 months ago

    The css i provided hides the white border if you’ve chosen the default theme in the prettyphoto settings.
    you can see it working here: http://wouwproducties.nl/

    It doesn’t hide the controls,
    so forum rules suggest that for this question you create another ticket.

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    This is the page with the video.

    @fixdeman I haven’t opened another thread because in the original post you said “without any controls”, so I thought your code might just need a fix to work in my case.
    But if this is not the case, I’ll open a new thread.

    EDIT:
    @fixdeman, I like very much how you implemented the videos in your website. And I saw you removed the “vimeo” from the controls. Can I ask if this is something you managed manually, or it comes form having a Plus/Pro account?

    Thread Starter Fixdeman

    (@fixdeman)

    7 years, 11 months ago

    @colasdestosti

    I see what you mean. I’m sorry. That’s what I said indeed.

    Both the vimeo logo and the play and volume controls can be hidden from the embed settings in vimeo, but this is for a paid vimeo account only.

    colasdestosti

    (@colasdestosti)

    7 years, 11 months ago

    I see. I imagine there are no codes to achieve the same results.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Solution to show only video (no white borders)’ is closed to new replies.