Mediaelement.js (wordpress plugin 3.2.1) - video thumbnail is displayed blank on page load

I just installed this and it seems to work like a charm except for one thing. When the page is displayed, the thumbnail is empty. Is there a way that I can use the first video frame as a thumbnail screen or something?

Thanks in advance for any help you can give me.


source to share

2 answers

I believe you need to add a poster = "poster.jpg" attribute to the tag <video>




To load the mediaelement.js thumbnail, you need to make sure preload is not set to none. For example:

<video src="myvideo.mp4" controls="controls" preload="metadata"></video>


Setting up poster = "poster.jpg" as per the example in the documentation will not necessarily work (unless you have a file named poster.jpg). Although you can set the poster attribute to the location of the image to be used as the thumbnail before uploading the video, in case the user agent does not look inside the media object.

See this answer for more information on preloading options - What are the options for preloading a media player? installation?



All Articles