Technik Blog Videportal

Responsive HTML5 Video Player based on jwplayer

Um die Playergröße automatisch an die Div-Containergröße anzupassen, kann dieses kleine Script genutzt werden:


PlayerDivWidth = document.getElementById("mxv_player").offsetWidth; PlayerDivHeight = Math.floor(PlayerDivWidth/16*9); alert("PlayerSize is: " + PlayerDivWidth + PlayerDivHeight);jwplayer("player").resize(PlayerDivWidth,PlayerDivHeight);

Der Player als Javascript-Variante (stream_js.php) muß vor diesem Script geladen sein oder nutzen sie "onload".

Rich Snippets für Produkte

So markieren Sie Ihre Produkte richtig, damit Google diese besser interpretieren kann.

support.google.com >>>

GET Parameter für facebook app übergeben

Um direkt auf ein Video, bzw. auf eine spezielle Playlist innerhalb der Facebook-app zu linken, nutzen Sie bitte diese Syntax:
https://www.facebook.com/OberbergTV?sk=app_126278710764293&app_data=playlistlive_stream20

https://www.facebook.com/pages/SchneeTV/122731467778623?fref=ts&sk=app_126278710764293&app_data=playlistfixdetailid1490

Tools für saubere Programmierung

XHTML-Validator für Mobiltelefone (W3C)
CSS Validation Service (W3C)

div - Container Struktur angepasst

Durch die Änderungen sind css3-Layouts besser umsetzbar.


<div id="mxv_container">
         <div id="mxv_head">
          Portal Head
         </div>

         <div id="mxv_videocontent">
                <div id="mxv_search">
                   Suche
                </div>
                <div id="mxv_social" style="clear:both;">
                   fb Teilen
                </div>
                <div id="mxv_player">
                   Player
                </div>

         </div>        

         <div id="mxv_playlist_and_detail">
          Videoinformationen und Playlist "More Videos"
         </div>

         <div id="mxv_quickplay">
          Quickplay / Videovorschläge
         </div>

         <div id="mxv_feed">
          Portal Feed
         </div>
</div>

2012-05-01 Player Auswahl

Die Integration über die Variable player= wurde erweitert.
  • player=flashmp4 | Flash-Player mit Fallback auf HTML5-Video
  • player=flash | Flash-Player
  • player=windows | WMV-Player

2012-04-25 Vollständiges System-Update gestartet

Umstellung des Player-Objektes auf HTML5 Video. Die Videowiedergabe ist jetzt auf nicht flashfähigen Endgeräten (iPad, iPhone, etc.) möglich.

2011-08-16 Neue Variablen zur Steuerung der Playlist

Variable playlist=

Playlist mit einem festen Startvideo und:
  • file: Einem Video
  • stream_theme: Thematisch ähnlichen Videos
  • stream_format: Videos des aktuellen Sendeformates
  • random_format: Zufällige Videos eines Sendeformates
Playlist ohne festes Startvideo und:
  • format: Videos eines Sendeformates (Variable format=)
  • fix: Wochenprogramm (24/7)
  • random: Zufallswiedergabe
  • top10: Die besten 10 Videos

2011-05-03 Layoutänderung von Player, Playlist

Layoutanpassungen jetzt durch Integration von extern gehosteter ccs-Datei möglich.

2010-11-05 WebTV als facebook-App

2010-11-05 WebTV als facebook-App Das WebTV - IPTV System ist nun zusätzlich als Facbook-App für Fanpages verfügbar. Das aktuelle Programm wird in Echtzeit als Spiegel des Videoportals auf facebook wiedergegeben.

2010-07-12 Statistik WebTV Frontend

Die gesamte Betrachtungszeit der einzelnen Videos, sowie die Videohits werden nun in der Detailansicht der Playlist angezeigt. (Betrachtungszeit ab 3000 sec, Hits ab 150) Die Daten werden jede Nacht aktualisiert.

2010-04-22 Layout (mp4 / flv)

Neue Layeranordnung. Javascript-Layer können jetzt "über" den Player-Iframe ragen (z.B.: Drop-Down-Menüs). Das Flashobjekt liegt jetzt im Hintergrund.

2010-04-20 Playlist-Funktion beschleunigt

Der Link "Sendung direkt ansehen" in der Playlist wurde beschleunigt. Kein Reload des Players mehr nötig.
Programm-Wiedergabe

2009-07-01 Bandbreitenerkennung verbessert

Bei der Integration von mehreren IFrames innerhalb der eigenen Webseite, wurde bei jedem Aufruf die Bandbreite neu ermittelt. Durch neue Sessionverwaltung ist nun auch im Internet Explorer (Version 6, Version 7) wie im Firefox eine einmalige Berechnung pro Client ausreichend. Somit wurde der Seitenaufbau weiter beschleunigt.

2009-06-08 Playlist-Darstellung

Im Abendprogramm wurden in der Playlist die Sendungen nach 24:00 Uhr nicht angezeigt. Diese fehlenden Playlisteinträge werden nun regulär angezeigt.

2009-05-22 Erweiterung der Sendezeiten

Unter dem Menüpunkt "Sendezeiten" haben sie nun die Möglichkeit die Sendezeiten des Programms zu erweitern. Dadurch ist ein fortlaufendes Programm auch nach 24:00 Uhr sichergestellt. Eine Begrenzung auf die Anzahl der Playlisteinträge besteht nicht mehr.

2009-05-15 Statistik Backend

Neue Auswertungsmöglichkeiten: Bandbreitenverteilung aller Clients (Zuschauer).

2009-04-29 Vorschaubild - Problem behoben

Durch neue Serversoftware kam es vorübergehend zu Unregelmäßigkeiten beim Vorschaubild-Upload. Dieses Problem wurde behoben.

2009-04-27 Neue Harware

Serverumzug.

HTML 5 und CSS3 Webdesign

Eine Webseite für alle Endgeräte. Das X-CMS passt sich über CSS und serverseitige Scripte perfekt an mobile Endgeräte wie iPhone, iPad sowie an verschiedene Desktop-Auflösungen an.
Mehr Informationen zum X-CMS

Eine für Alles!


Inhalt anzeigen