feat(resources): video thumbnail preview

[chrismclarke]

Is your feature request related to a problem? Please describe.
In both farmer and extension app, whenever a video is shown it uses a blank placeholder for a thumbnail. It would be more informative to show a thumbnail for the video instead. The current player supports the option of providing a custom thumbnail image, however it would be good to auto-generate when not provided

Describe the solution you'd like
This may actually be a little more complicated than first thought, as we use

It might first be worth seeing if on web using a standard <video> tag might have more support, and updating the component to render differently for web/native
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

For native, we use the plugin https://github.com/harmonwood/capacitor-video-player
This has limited documentation and it's not clear how a thumbnail could be shown, although a workaround might be to show the web player, and when clicked launch the native player instead

Describe alternatives you've considered
There are various native android methods to generate video thumbnails, however building a custom plugin would be tricky. E.g.
https://developer.android.com/social-and-messaging/guides/media-thumbnails

If the web implementation doesn't naturally display a thumbnail it might be possible to automatically move the video to a certain time (e.g. 1s) and toggle play/pause to see if that renders an image

Additional context
Video player code in libs\shared\src\features\video-player\video-player.component.ts

Videos can either be found within the farmer app, or combined in the extension resources, e.g.
https://picsa.app/resources/collection/picsa_videos/picsa_videos_farmer

Example list of videos without thumbnails

Example - once a video has been played a still image appears. Ideally all should show still images without play