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

    Hi,

    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?

    Thanks,

    David

    #124800

    Hi,

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

    Regards,

    Ismael

    #124801

    Hi,

    The website is http://frs102.net/

    Thanks,

    David

    #124802

    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.

    #124803

    Hi,

    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_icon_box]

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

    [/av_three_fourth][av_one_fourth]
    [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_icon_box]

    [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']
    [/av_one_fourth]


    Thanks,

    David

    #124804

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

    #124805

    Hi,

    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%;
    }

    Regards,

    Ismael

    #124806

    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?

    Regards,

    David

    #124807

    Hey!

    Try

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

    Best regards,

    Peter

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

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