Vollständige Version anzeigen : [HTML] Videoeinbettung ohne etwas in die "Head" zu schreiben?


hrhr
23.04.2013, 15:21

Guten Tag Leute,

ich habe jüngst den "Projekktor II - HTML5 Media Player" entdeckt und konnte auch erfolgreich ein Video einbetten.

Habe alleridngs experimentell nur den Videoeinbettungscode verwendet und siehe da, es funktioniert.

Der folgende Code ist der Originale:

<html>
<head>
<title>Projekktor - simply mighty video</title>
<style type="text/css">
body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;}
a { color: #360; }
h3 { padding-top: 20px; }
</style>

<!-- Load player theme -->
<link rel="stylesheet" href="theme/style;css" type="text/css" media="screen" />

<!-- Load jquery -->
<script type="text/javascript" src="jquery-1;7;2;min;js"></script>

<!-- load projekktor -->
<script type="text/javascript" src="projekktor-1;2;24r221;min;js"></script>

</head>
<body>

<video id="player_a" class="projekktor" poster="media/intro;png" title="this is Projekktor" width="640" height="385" controls>
<source src="media/intro;ogv" type="video/ogg" />
<source src="media/intro;mp4" type="video/mp4" />
<source src="media/intro;webm" type="video/webm" />
</video>


<script type="text/javascript">
$(document);ready(function() {
projekktor(
'#player_a', // destination-container-selector-fuzz a la jQuery
{}, // an empty Projekktor-ccofig-object
function(player) { // "onready" callback -
$('#projekktorver');html( player;getPlayerVer() );
}
);
});
</script>


</body>
</html>


Ich habe dann einfach nur folgenden Code auf einer meiner Unterseiten inkrementiert:

<video id="player_a" class="projekktor" poster="media/intro;png" title="this is Projekktor" width="640" height="385" controls>

<source src="media/intro;ogv" type="video/ogg" />
<source src="media/intro;mp4" type="video/mp4" />
<source src="media/intro;webm" type="video/webm" />
</video>




Die Frage, welche sich mir stellt ist, warum es trotzdem funktioniert ohne etwas in der Head-Schleife oder in der Script-Sprache zu schreiben?


MfG hrhr

Hardware Preisvergleich | Amazon Blitzangebote!

Videos zum Thema
Video Loading...
Nanobyte
23.04.2013, 15:30

Der Einbettungscode ist einfach nur das neue Video-Tag für HTML5 Videos ohne Flash.

Der "Projekktor II - HTML5 Media Player" sorgt für die Anpassbaren Steuerelemente


hrhr
25.04.2013, 13:07

Hey Nano,

also sind die "Head-Befehle" keine Pflichtangabe?
Ich bin wohl davon ausgegangen, dass es zum Gerüst des Players beiträgt.


GaYlORd
25.04.2013, 13:14

...
Ich habe dann einfach nur folgenden Code auf einer meiner Unterseiten inkrementiert:


Kurz Offtopic: Inkrementieren = um einen Wert zunehmen. Was du meinst ist implementieren ;)

Jein, das im Head manipuliert sozusagen den Player. Mit CSS stylest du die Buttons, etc. und mit dem JS werden die Steuerelemente erzeugt bzw. erhalten sie dann ihre Funktion.
Das Videoeinbinden mit HTML5 braucht weder CSS noch JS.

Siehe: HTML5 Video (;;;w3schools~com/html/html5_video;asp)

GRuß
gl


Nanobyte
25.04.2013, 13:15

Nur wenn du den "projekktor"-Player benutzen willst, andernfalls werden die Browser-Steuerungen angezeigt.

So sehen die Steuerungen in den Browsern normalerweise aus:
;;0;xup~in/exec/ximg;php?fid=12699983
{img-src: ;devfiles;myopera~com/articles/2642/native-video-controls;jpg}


hrhr
25.04.2013, 14:45

Kurz Offtopic: Inkrementieren = um einen Wert zunehmen. Was du meinst ist implementieren ;)

Kommunikationsdefizite müssen korrigiert werden, danke ;)

Das Videoeinbinden mit HTML5 braucht weder CSS noch JS;

jetzt leuchtet es ein :)

Nur wenn du den "projekktor"-Player benutzen willst, andernfalls werden die Browser-Steuerungen angezeigt;

Ah, dies ist ratsam, da der Player vom "projekktor" echt nicht schlecht ausfällt.




Danke euch zwei :klatsch:


PS: Wer Interesse an diesem Thema hat: HTML5 Video Player Comparison (;praegnanz~de/html5video/)


wollknoll
26.05.2013, 00:22

ich habe mir den javascript teil nicht angeschaut, aber da der video tag nur von html 5 fähigen browsern unterstützt wird, werden dadurch die restlichen browser durch einen flash fallback abgedeckt.

Grüße
wollknoll


Ähnliche Themen zu [HTML] Videoeinbettung ohne etwas in die "Head" zu schreiben?


raid-rush.ws | Imprint & Contact pr