-
AuthorPosts
-
May 28, 2015 at 10:23 am #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
NeilMay 30, 2015 at 4:39 am #451865Hi 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,
JosueJune 4, 2015 at 11:16 am #454362Hi 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
NeilJune 4, 2015 at 10:22 pm #454775Hi 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,
JosueJune 4, 2015 at 11:50 pm #454807Hi 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
June 4, 2015 at 11:58 pm #454811Maybe we can change the background, can you paste a link to the Page where you’ve tried this?
Regards,
JosueJune 5, 2015 at 10:26 am #455031Hi Josue,
Here is a temporary link showing both Enfold and SWFPut Elements. They are both using the same video (.mp4, .ogv, .webm)
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
NeilJune 6, 2015 at 6:31 am #455390June 6, 2015 at 11:51 am #455441Hi 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
June 6, 2015 at 12:20 pm #455453Hi!
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,
IsmaelJune 6, 2015 at 12:32 pm #455456Hi 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
June 7, 2015 at 1:32 am #455561Hey 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,
JosueJune 8, 2015 at 10:40 am #455923Hi 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
June 8, 2015 at 10:43 am #455929Try adding this code to the Quick CSS:
.mejs-controls { display: none !important; }
Cheers!
JosueJune 8, 2015 at 10:48 am #455940Perfect :)
Thank you very much
Neil
-
AuthorPosts
- The topic ‘Autoplay Video’ is closed to new replies.