-
AuthorPosts
-
March 18, 2014 at 7:26 pm #239565
Please see http://www.vinesdrive.com
On the front page there I have a video embedded.
Is there a way for me to be able to choose an image from the video to be shown rather than the quite dull black box?
Like when you add a video to YouTube it asks you to select from a number of thumbnails, as an image to be shown with the video on the listings..
Many thanks
March 19, 2014 at 2:09 am #239772Hey!
Try passing the image using the poster parameter, refer to this article:
https://codex.wordpress.org/Video_ShortcodeCheers!
JosueMarch 19, 2014 at 8:38 am #239918What does ‘passing’ it mean? The article doesn’t seem to give instructions?
Thanks
March 20, 2014 at 2:20 am #240442Hi!
It should be something like:
[video mp4="source.mp4" ogv="source.ogv" mov="source.mov" poster="_URL_IMG_HERE_"]
Regards,
JosueMarch 21, 2014 at 11:05 pm #241410Sorry that still doesn’t mean much to me… Where would I put that code?
And isn’t it possible to have a frame from within the video as the image?
Many thanks
March 22, 2014 at 12:52 am #241439Hey!
You’d need to put the shortcode in a Text element, and no, it’s not possible to have a frame of the video as the image, you need to set right in the shortcode.
Regards,
JosueMarch 23, 2014 at 12:03 am #241685I’ve used that shortcode with an image url in a seperate text box but… Please see:
It’s added another blank video box
March 24, 2014 at 6:13 am #241945Hey!
Using a text block, try this embed code:
[video mp4="http://www.vinesinstruct.com/wp-content/uploads/2014/02/vinesinstruct-vid.mp4" poster="http://schools.ccrsb.ednet.ns.ca/hnrh/thomson/rw_common/themes/blendit/images/header/image5.jpg"]
Just replace the poster url. It will look like this:
Regards,
IsmaelMarch 24, 2014 at 11:35 am #242020Hi Ismael,
Thanks for your help with this.
There’s just, hopefully, one more thing!
Could you have a look at the link again at http://www.vinesinstruct.com
You’ll see for some reason the image isn’t full screen… I used the exact link you kindly provided
Thanks
JasonMarch 24, 2014 at 1:37 pm #242049Hi!
Please try adding following code to Quick CSS in Enfold theme options under Styling tab
.mejs-poster.mejs-layer { background-repeat: space !important; }
Regards,
YigitMarch 24, 2014 at 2:52 pm #242091That’s brilliant – thanks
Jason
-
AuthorPosts
- The topic ‘Video embed image’ is closed to new replies.