Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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

    #239772

    Hey!

    Try passing the image using the poster parameter, refer to this article:
    https://codex.wordpress.org/Video_Shortcode

    Cheers!
    Josue

    #239918

    What does ‘passing’ it mean? The article doesn’t seem to give instructions?

    Thanks

    #240442

    Hi!

    It should be something like:
    [video mp4="source.mp4" ogv="source.ogv" mov="source.mov" poster="_URL_IMG_HERE_"]

    Regards,
    Josue

    #241410

    Sorry 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

    #241439

    Hey!

    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,
    Josue

    #241685

    I’ve used that shortcode with an image url in a seperate text box but… Please see:

    http://www.vinesinstruct.com

    It’s added another blank video box

    #241945

    Hey!

    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,
    Ismael

    #242020

    Hi 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
    Jason

    #242049

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .mejs-poster.mejs-layer { background-repeat: space !important; }

    Regards,
    Yigit

    #242091

    That’s brilliant – thanks

    Jason

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