If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #24807


    I’m using the add ‘Media Elements’ in the Avia Layout Builder to try and embed a video I have uploaded.

    The player controls display correctly, but when you press play – it goes full size and displays outside the player window. See here: http://imgur.com/022AuDP

    When I have embedded a vimeo video it has worked fine…problem has only occured when trying to insert a video I am hosting myself.

    Is there any easy fix to this?





    I think this can be fix with css. Please give us a link to the actual website.





    The website is http://frs102.net/




    Please post the code of the advanced layout template. Open up functions.php and insert this code at the very top

    //set builder mode to debug
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    return "debug";

    – insert it before:

    global $avia_config;

    2) The debug field will be displayed underneath the editor. Copy this code and post it here.



    I’ve posted the code for the page below. Page can be viewed here: http://frs102.net/test-page/


    [av_three_fourth first]

    [av_icon_box icon='89' position='left' title='WEBCAST - WHAT IS FRS 102?']
    <div data-update_with="content">

    Thank you for signing up to view our free webcast.

    The 15 minute webcast is presented by financial reporting experts, Kevin Guy and Stephen Smith.

    The presentation can be viewed below.</div>

    [av_video src='http://frs102.net/wp-content/uploads/2013/06/frs102finale.mp4' format='16-9' width='16' height='9']

    [av_icon_box icon='54' position='left' title='More Events...']
    If you enjoyed this webcast but would like to find out more about FRS 102, then why not consider our classroom events coming up soon.

    <strong>Event:</strong> Preparing For FRS 102 - The New UK GAAP
    <strong>Dates:</strong> Thursday 18th July 2013 <strong>AM</strong> & 5th September 2013 <strong>PM</strong>
    <strong>Venue:</strong> Hamilton House, London, WC1H 9BD
    <strong>Presenter:</strong> Bill Telford
    <strong>Price:</strong> £149+VAT

    [av_button label='Find Out More' link='page,1701' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' position='center' icon_select='yes' icon='120']




    To add to this, the problem only seems to occur in Firefox.



    I checked the link on the different browsers but I don’t see the video displaying full size when played. Please add this on your custom.css or Quick CSS. Is this happening on MAC?

    div .mejs-container, div .mejs-container video {
    height: 100%!important;
    position: absolute;
    max-height: 100%;
    max-width: 100%;




    Hi Ismael,

    That’s all working fine now. Thanks very much for your help.

    One last question if you don’t mind…what do I need to add to the CSS in order to give the video container a 1px black border on all sides?






    div .mejs-container, div .mejs-container video {
    border: 1px solid #000;

    Best regards,


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

The topic ‘Embedded uploaded video not displaying correctly’ is closed to new replies.