Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 14, 2013 at 9:24 am #24807
    spuddy87

    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

    June 15, 2013 at 3:48 am #124800
    Ismael

    Hi,

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

    Regards,

    Ismael

    June 15, 2013 at 10:55 am #124801
    spuddy87

    Hi,

    The website is http://frs102.net/

    Thanks,

    David

    June 17, 2013 at 5:52 am #124802
    Dude

    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.

    June 17, 2013 at 12:53 pm #124803
    spuddy87

    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

    June 17, 2013 at 1:59 pm #124804
    spuddy87

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

    June 18, 2013 at 5:24 am #124805
    Ismael

    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

    June 18, 2013 at 9:02 am #124806
    spuddy87

    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

    June 20, 2013 at 5:54 am #124807
    Dude

    Hey!

    Try

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

    Best regards,

    Peter

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Embedded uploaded video not displaying correctly’ is closed to new replies.