De beveiligte mediaplayer.



De beste verhouding.

De video wordt eerst geconverteerd naar 1500kbps in H.264 mp4 met 25fps in 960 X 720 (zog. 720.mp4 videos in 1.333 verhouding) en de audio aac 128 kbps 44.1 khz 2 kanalen met naam media-player.mp4


De beveilging.

De beiden media-player.js en norightmouse.js zorgen er voor dat er niets met de video gedaan kan worden dan alleen afspelen en is een geheel complete beveiliging.


Volledige weergave speler.

De volledigeweergave.htm is een zelfstandie pagina en zorgt er voor dat media-player.mp4 de browser  ruimte maximaal benut en trekt zich niks aan van het in en uit zoomen.


De gewone speler en iframe.

De video.htm maakt een gewone videospeler in de verhouding 960x720 en wanneer je het inlaad in deze iframe_video.htm staat het mooi gecentered en heeft het ronde hoeken. 


Bij aanpassingen.

Wanneer je een bestaande video hebt in een andere resolutie kun je besluiten deze te gaan converteren, dat is de mooiste oplossing gelijk ook,  of je moet width en height in video.htm door procenten proefondervindelijk vervangen dus ipv. 960 en 720 dus bv. width="120%" en height="120%" en daarna de style aanpassen bij top, left, right en bottom en dat kan er zo uit zien:-

<style>
.video {
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    bottom: 100px;
}
</style>

<div class="video">
<video id='media-video' width="120%" height="120%" controls loop autoplay>
<source src='media-player.mp4' type='video/mp4'>
</video>


Nb. De .ogv en .webm extensie is niet nodig als video in een htm5 videospeler en het control "autoplay" mag niet uit de bron van volledigeweergave.htm of video.htm worden verwijdert omdat de besturing van de video geheel is uitgezet.











