Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 15, 2013 at 5:58 am #175454
    Jennifer

    I used the video media element to insert my video link, but the video preview image/first screen isn’t displaying. See below for screenshot using Chrome browser. How should I fix this?

    video screenshot

    Website: http://www.encoure.com/private/home-features/

    Thanks,
    Jennifer

    October 15, 2013 at 4:07 pm #175918
    Ismael

    Hey placewrightdesign!

    The background image source doesn’t exist. Are you sure this is the correct image url?

    http://www.alarm.com/videos/Energy_FINAL_040313.jpg

    Best regards,
    Ismael

    October 15, 2013 at 4:37 pm #175943
    Jennifer

    We were given permission to pull the video from another website so I can’t track down the background image source.

    Can I enter my own background image? What code should I use to do so?

    October 16, 2013 at 5:04 am #176187
    Devin

    Hello!

    No, not that I know of. It would be set by the uploaded video file. You could overwrite it with css via something like:

    #top .mejs-poster.mejs-layer {
    background: red;
    background-image: none !important;
}
#top .mejs-poster.mejs-layer img {
    display: none;
}

    Then alter the values to suit. If you need to make it only effect that item you could wrap the video element in a specific custom css class or make it specific to the page. The best solution however would just be to get the image Ismael referenced back online.

    Regards,
    Devin

    October 17, 2013 at 4:49 pm #177066
    Jennifer

    Understood. Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Video preview not displaying’ is closed to new replies.