Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #451058

    Hi,

    I am having to use a plugin called SWFPut Video because the ‘built in’ video player displays .mp4’s with a gray background and I cannot prioritise the format .webm or .ogv to display first.

    Unfortunately, the built in media player is interfering with SWFPut Video and is not displaying as is should.

    Is there any way I can disable the built in media player plugin in Enfold please?

    Thanks
    Neil

    #451865

    Hi Neil!

    Would be great if you could expand on this:

    the built in media player is interfering with SWFPut Video and is not displaying as is should

    In any case try commenting this line in functions.php

    wp_enqueue_script( 'wp-mediaelement' );
    

    Regards,
    Josue

    #454362

    Hi Josue,

    We want to display a little video automatically on these pages http://www.mouse.uk.com/contact & http://www.mouse.uk.com/support

    We have added 3 versions to cover compatibility for most devices, .webm, .ogv and .mp4. When we used the ‘Enfold’ media option, it defaulted to .mp4 and added a grey background instead of white, so we had to look for an alternative plugin to enable us to set .webm to default and only show .mp4 on mobile devices.

    What is happening now (we are assured by the plugin developers) is the Enfold media player is interfering with the SWFPut Video plugin and preventing it to autostart.

    Their comments are this;
    I can see that the theme is trying to overlay another element with its own controls, which obviously it should not. (Found with Konqueror on Linux).

    Commenting the functions.php code did not work I am afraid.

    Thanks
    Neil

    #454775

    Hi Neil!

    I would suggest sticking to the Enfold video element, the thing with video formats is that you don’t have to set each one in Video URL, just set the MP4 there and upload the rest in the same location with the same filename and the theme will play each one accordingly (video1.mp4, video1.ogv, video1.webm).

    Regards,
    Josue

    #454807

    Hi Josue,

    That is the problem though?

    We would rather use the Enfold Element but it defaults to the .mp4 video and applies a gray background – this is incorrect. If we could set a the .ogv or the .webm video as default, that would be great. This will then allow mobile devices to play the .mp4 file. For interest, if we only upload the .ogv & .webm files, they display with a white background – this is correct however, without the .mp4 file, it will not play on mobile devices.

    If we use a different video plugin – the .mp4 displays with a white background – this is correct. We are already loading the .mp4, .webm & .ogv videos in the same location.

    I hope this makes sense?

    Neil

    #454811

    Maybe we can change the background, can you paste a link to the Page where you’ve tried this?

    Regards,
    Josue

    #455031

    Hi Josue,

    Here is a temporary link showing both Enfold and SWFPut Elements. They are both using the same video (.mp4, .ogv, .webm)

    http://mouse.uk.com/temp/

    Although SWFPut Element is displaying correctly, it is being overlayed by Enfold Element and will not autostart unless the viewer clicks on it.

    I hope this helps

    Thanks
    Neil

    #455390

    Hi!

    You can set the autoPlay parameter to true to auto play the video but take note that swf or flash files are not supported on iOS. It will not play on iPhones, iPad or any devices with iOS. Both video fromat have the same background color ( #fffdff ):

    Ignore the red background.

    Cheers!
    Ismael

    #455441

    Hi Ismael,

    I am aware of the iOS compatibility which is why I have uploaded the .mp4 file as well as the other formats. My issue is that the Enfold Element makes the .mp4 file default if it is available, and applies a gray background to it.

    Where do I place the #fffdff code as I cannot see, using Google Inspect Element how to change the css?

    Thank you

    Neil

    #455453

    Hi!

    I’m sorry for the confusion, the #fffdff value is the background color when I checked both video background on photoshop after I took the screenshot. They have the same background color, it’s not purely white but it is white. I don’t see any gray colored background. You can’t change the background color of the video using css.

    And the swf format video automatically start on page load.

    Regards,
    Ismael

    #455456

    Hi Ismael,

    We are using Chrome and IE and in both browsers we see this; http://mouse.uk.com/enfolderase.JPG

    Do you see the same?

    In order to fix this problem we either need to use the SWFPut Element and stop the Enfold Element overlaying the plugin, or set the .webm or .ogv video as default in the Enfold Element so it does not display the .mp4 video. The grey box only appears on the .mp4 format which is automatically set as default and cannot be changed?

    I do not know how to do that?

    Thanks

    Neil

    #455561

    Hey Neil!

    Have you checked in another computer? both elements have a white background on my end (tried in Chrome / FF and IE10): https://www.dropbox.com/s/15by0p41tmdkxx5/Screen%20Shot%202015-06-06%20at%206.29.39%20PM.png?dl=0

    Regards,
    Josue

    #455923

    Hi Josue,

    Well. that is very strange? Tried a different PC and I still get the grey background?

    One question – how can I remove the controls bar when scrolling over the video please?

    Thank you

    Neil

    #455929

    Try adding this code to the Quick CSS:

    .mejs-controls {
        display: none !important;
    }

    Cheers! 
    Josue

    #455940

    Perfect :)

    Thank you very much

    Neil

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Autoplay Video’ is closed to new replies.