Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 9, 2025 at 2:41 pm #1481074
    Steve Webgecko

    Hi.

    How can I hide all the Video Controls in embed Video URLS in Youtube AND Vimeo, as there are several Links in the video mask, like Logo, Name, Clock with «watch later» or «Share» or «watch on Yotube». How can I hide all this functions in Video mask. I only need the PLAY button. Both, Vimeo and Youtube.

    I tried with Parameters
    ?controls=0

    Does not work like that.
    Any suggestions?

    Thank you
    Steve

    April 9, 2025 at 9:49 pm #1481101
    Mike

    Hey Steve,
    Youtube has removed these options and since it is in an iframe locale css will not work. Vimeo may have an option for this in their premium plan, but I’m not sure.
    Try self-hosting your videos for better control.

    Best regards,
    Mike

    April 10, 2025 at 10:37 am #1481129
    Steve Webgecko

    Hi Mike

    I ask because ENFOLD offers a funtion in VIDEO Mask «Video Steuerung ausblenden» but that unfortunately does not work:
    enfold-Video-player-controls-HIDE

    Any other ideas? If not, I’m considering to create an IMAGE gallery for the Video thumbnails and link them to the Original Youtube videos in lightbox as I only need Video thumbnail with PLAY Button centered.

    What you think?
    Steve

    April 10, 2025 at 11:32 am #1481131
    Steve Webgecko

    Hi again.

    Ok I did like mentioned with Thumbnail Gallery:

    Test

    Only issue now: How can I deactivate the transition rotation effect on h:over?
    I did like this:
    animation:
    avia_pop_small 0.0s 1 !important;
    }
    Is there another way to deactivate hover animation?

    Thank you
    Steve

    April 11, 2025 at 5:00 am #1481170
    Ismael

    Hi,

    Thank you for the update.

    You can disable the hover animation of the Image element by adjusting the Advanced > Animation > Image Hover Effect settings. You can also add the following css code but it will affect all Image elements in the site. 

    .avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap {
    transition: none;
}

.avia-image-container.av-hover-grow .avia-image-overlay-wrap:hover {
    transform: none;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.