Add native video player for the user manual

[khalifan-kfan]

Description

This pull request adds a native video player for the native devices in support rather than only web

Discussion

#138

Preview

_Live link

Screenshots / Videos

_

Due to embaded screens limitations

Refactored to

[chrismclarke]

Thanks @khalifan-kfan , apologies again for the slow response to reviews

I discovered the issue with the native player, it turns out that some additional changes need to be made to android files which isn't documented very well (deep in api docs found this section: https://github.com/jepiqueau/capacitor-video-player/blob/master/docs/API.md#android-quirks). Also the path to the video needs to be prefixed by public, e.g. public/assets/videos/video.mp4, again not clearly documented.

But now everything is working I've refactored to a shared component and will make a follow-up PR to integrate with the rest of the app. Specifically

• Refactor resources to use native video player
• Add functionality to download video before play

Thanks for your work on this

Android demo (ignore layout slight glitch after video close, this is a bug with using emulator alongside devtools)

untitled.webm

Web Demo

Picsa.Extension.webm