Video.js - HTML5 Video Player

Hier nun eine simple Implementierung des HTML5 Video-Tags mit Flash Fallback. Mehr Infos unter https://videojs.com/.

Damit das Video auch auf dem iPad läuft müss auf die richtigen Einstellungen beim Encoden geachtet werden:

  • H.264 Baseline Profile Level 3.0
  • Auflösung unter 640 x 480 und Frameraten bis 30 Frames/Sec
  • keine B Frames
  • Bitraten bis 900kb
video.htm HTML (1,44 kByte) 21.02.2021 00:35
<!DOCTYPE html >
<html>
  <head>
    <title>Video.js | HTML5 Video Player</title>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: " />
<!-- Chang URLs to wherever Video.js files will be hosted -->
    <link href="/scripts/video-js/video-js.css" rel="stylesheet" type="text/css" />
<!-- video.js must be in the html document head for older IEs to work. -->
    <script src="/scripts/video-js/video.js"></script>
<!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
    <script>
      videojs.options.flash.swf = "/scripts/video-js/video-js.swf";
    </script>
  </head>
  <body>
    <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="360" poster="/media/video/sammy.png" data-setup="{}">
      <source src="/media/video/sammy.mp4" type="video/mp4" />
      <source src="/media/video/sammy.webm" type="video/webm" />
      <source src="/media/video/sammy.ogv" type="video/ogg" />
      <track kind="captions" src="/scripts/video-js/sammy.de.vtt" srclang="de" label="Deutsch" />
      <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
    </video>
  </body>
</html>

Author: , published: , last modified:

Kontakt

Udo Schmal

Udo Schmal
Softwareentwickler
Olvengraben 41
47608 Geldern
Nordrhein-Westfalen
Germany





+49 2831 9776557
+49 1575 0663676
+49 2831 1328709
SMS
WhatsApp

Instagram Profile
vCard 3.0

Service Infos

CMS Info Product Name:
UDOs Webserver
Version:
0.5.0.23
Description:
All in one Webserver
Copyright:
Udo Schmal
Compilation:
Sat, 27. Feb 2021 23:59:19
Development Info Compiler:
Free Pascal FPC 3.3.1
compiled for:
OS:Linux, CPU:x86_64
System Info OS:
Ubuntu 20.04.2 LTS (Focal Fossa)
Hardware Info Model:
Hewlett-Packard HP Pavilion dv7 Notebook PC
CPU Name:
Intel(R) Core(TM) i5-2450M CPU @ 2.50GHz
CPU Type:
x86_64, 1 physical CPU(s), 2 Core(s), 4 logical CPU(s), 1353.229 MHz