NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann
[Version 1.9] [Version 3.0] [Version 3.1] [Version 3.1 Text] [Version 3.1 Thumb] [Version 5.0] [Standard Ansicht] [Andere Ansichten] [Slideshow] [Video] [HTML5 Video]

Easy HTML5 Video von Visual Lightbox



Easy Html5 Video v1.2 (released September 1, 2011) von “http://easyhtml5video.com/”.

html5 video sites by EasyHtml5Video.com v1.2  

Dieses kleine Programm erklärt sich eigentlich vollkommen von alleine. Hier mal einige Screenshots davon.

Das Programm starten und ein Video einfügen ...

... auf Button “Start” klicken und alles funktioniert vollautomatisch.

Nach dem Konvertieren sucht Ihr einen Ordner zur lokalen Publizierung der generierten Dateien aus und Ihr erhaltet die fertige Website, die Ihr schon betrachten könnt. Folgende Dateien und Ordner werden erstellt:

index.html - HTML-Seite
index.files - Ordner mit allen benötigten Dateien.

... kopiert diesen Ordner in den gleichen Ordner, wo sich die Seite mit dem Einbau des Skripts befindet.

Öffnet nun die Datei “index.html”, die das Programm erstellt hat (diese kann auch anders heißen) und kopiert alles was zwischen den <BODY> Tags steht (siehe unten) in die HTML eines Textfeldes und fertig.

> Textfeld aufziehen > im Fenster “Textfeld-Eigenschaften” oben auf den mittleren Button “Text” klicken
> und anschließend auf den Button “HTML” und das generierte Skript einfügen. Hier sieht das so aus:

<!-- Start EasyHtml5Video.com BODY section -->
<video controls="controls" poster="index.files/fallschirm.jpg" width="352" height="288"  onclick="if(/Android/.test(navigator.userAgent))this.play();">
<source src="index.files/fallschirm.mp4" type="video/mp4" />
<source src="index.files/fallschirm.webm" type="video/webm" />
<source src="index.files/fallschirm.ogv" type="video/ogg" />
<object type="application/x-shockwave-flash" data="index.files/flashfox.swf" width="352" height="288">
<param name="movie" value="index.files/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="autoplay=true&amp;controls=true&amp;poster=index.files/fallschirm.jpg&amp;src=fallschirm.mp4" />
 <embed src="index.files/flashfox.swf" width="352px" height="288px"  flashVars="autoplay=true&amp;controls=true&amp;poster=index.files/fallschirm.jpg&amp;src=fallschirm.mp4"allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" />
<img alt="Fallschirm" src="index.files/fallschirm.jpg" width="352" height="288" title="Video playback is not supported by your browser" />
</object>
</video><a style="display:none" href="http://easyhtml5video.com">html5 video sites by EasyHtml5Video.com v1.2</a>
<!-- End EasyHtml5Video.com BODY section -->

nach oben

Viel Erfolg!

zurück

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik