Plyr: Load Video only when clicked

Created on 12 May 2017 · 2Comments · Source: sampotts/plyr

To prevent big pageload when several videos are embedded, i'm trying to figure out how to load the video when the user clicks on the video-thumbnail. By now plyr is setting up all videos when i click on one thumbnail.

Source

mortensassi

👍3

Most helpful comment

@moesphemie have you tried to add preload attribute?

<video poster="pathToPoster" controls preload="none">
     <source src="pathToSource" type="video/mp4">
</video>

pablorodriguesnunes on 12 Aug 2017

👍3 👎1

All 2 comments

@moesphemie have you tried to add preload attribute?

<video poster="pathToPoster" controls preload="none">
     <source src="pathToSource" type="video/mp4">
</video>

pablorodriguesnunes on 12 Aug 2017

👍3 👎1

The current answer should be working for html5 video and audio. It also doesn't load the metadata (including duration) so you have to use the duration option or use preload="metadata" instead (not recommended since browsers load much more than the metadata with this option). For hls see #957. For other streaming libraries look at their API docs.