Last month, with the help of Acorn, we developed a 'Audio Player
Plugin’ that works across all browsers. That output is here:
http://jonphilibert.com/jukebox.htm
In the closing stages, Acorn suggested an interesting extension to the
Audio Player with custom controls. We didn't take it further at the time
to avoid delaying completion of the project, but the basic controls of
Play, Pause and Stop can now be seen in the v3 demo.
https://initiostar.co.uk/demo/Jukebox
One can extend these custom controls, but the key to simplicity is the
retention of a browser's native controls in the background.
Now the same principles have been applied to a new 'Video Player
Plugin' v3(VPP). In all examples, a mobile-first strategy is deployed and
the VPP can be embedded into any website.
https://initiostar.co.uk/demo/JSD/vplugin.htm
All videos are held in a 'Library', a secure hosted directory. The VPP is
exported to the same folder as the website in which it is to appear - this
avoids any cross-origin issues.
v3 Features…………………………………………………………………………………….
•
The Plugin now has a video cover which can be an image, or group of
objects that is the given the name ‘videocover’
•
The play, pause and close buttons are no hidden from view when the
video player is inactive - this achieves two objectives - one is that it
mirrors how the standard video controls would behave in that one
would not see them if the video was not playing and two, it provides
to opportunity to simplify the code, by removing the previous display
function.
•
The required code is placed in the Page HTML (body)
Design Note