Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
  • #1231568


    I have added 2 video’s on my website and I would like to give the users the possibility to play it in full-screen.
    The videos are hosted on my server (so, they are not youtube, vimeo or similar).

    How can I do this please ?


    Hey longip,

    Sorry for the late reply. You can do that with Video element in the Layout Builder, if you need it to start in full width the you use it as a background in Color Section element, or a full width slider.

    Best regards,



    Sorry, but I already use the video element and there is no full-screen control button.
    Normally, any YouTube (or similar) has a square button and if you click on it that video will play full screen. This is what I want to achieve.

    As you can see in the link provided in the previous post, there is not control button to play the video in full-screen.


    you can use the layerslider on that.
    Slider should be responsive – and the video is in a layer not as background
    there is a mute / unmute button and on hovering the video the controls are shown with a fullwidth button on the right.


    I use Smart Slider plugin to give me more options for videos…. it works well:


    HI Guys,

    Thanks for your help.
    But, we are 2020. All I am asking is a button to make the video full screen. Is this possible or not ?
    All this solution are simply workaround of the main question.



    Sorry for the delay. The fullscreen option is not enabled by default, so you have to turn it on manually by editing the js > avia.js file around line 468:

     features: ['playpause','progress','current','duration','tracks','volume'],

    Add the “fullscreen” option or teplace the code with:

     features: ['playpause','progress','current','duration','tracks','volume', 'fullscreen'],

    Please don’t forget to toggle the Performance > File Compression settings after adding the code.



    Thank you so much! It is working.
    I think a have read half of the internet for this. :)


    Can you guys add this as an option to the video element in a future update of Enfold please? Thanks…



    You’re welcome! Glad it’s working. We’ll forward the thread to our channel for further considerations. Please don’t hesitate to open a new thread if you need anything else.

    Best regards,


    hi ismael, is it possible to use my child function.php to insert the snippets?

    thx in advance



    @volmering: Yes, this is possible but we don’t recommend it because you have to deregister the default avia.js file and create a copy of it in the child theme and register it back.


    Best regards,


    ok, so what must i do to make the changes in the avia.js save for the next update?

    btw: i dont have any clue what you mean with “register back” and the links you sent are out of my tiny skills :-)


    Hi volmering,

    Here is how it can be done:

    function wp_change_aviajs() {
    	wp_dequeue_script( 'avia-default' );
    	wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
    	add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );

    If you need further assistance please let us know.
    Best regards,


    hey victoria, thx.

    so i have to create copy of avia.js (with the changes in the line 468) into my child folder.

    then i put your snippet in the child function.php also


    what happend when enfold have a change in the original avia.js in one of the next updates?

    sorry for stupid questions :-)


    Hi volmering,


    Yes, you will need to check if there were any changes in the file in the parent theme with every update. Questions are never stupid, it’s always a chance to learn something new :)

    Best regards,


    ok, thx victoria.

    i think i change the original avia.js and watch out the updates.

    i cross my fingers that this small line with the fullcreen-option will part in one of the next updates :-)

    the tendency is more and more to self-hosted videos (cause of dataprivacy & cockie-law in europe with f.e. youtube)


    We really need to get this video element updated to have full screen / lightbox… paging Gunter….. :)

    As a workaround, does the video element in the WordPress block editor offer this functionality?



    We have forwarded the request to our channel, so hopefully this option will get included in the next patch. For now, you have to do the modifications above.

    Best regards,

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.