Lokales Video einbinden

fuerteventura-2007 schrieb am 14.02.2019 um 23:20 Uhr

Hallo liebes Forum,

nach längerer Zeit melde ich mich mal wieder zurück in diesem Forum.

Ich nutze Web Designer 15 Premium. Der Update-Service-Zeitraum ist abgelaufen, da mir die letzten Updates nicht so spannend erschienen. Das führt aber dazu, dass ich nicht mehr auf den Online-Conten-Katalog zugreifen kann und mir keinerlei Widgets mehr zur Verfügung stehen. Blöd.

Ich möchte nun auf einer Seite ein Video einfügen - nicht von YouTube, sondern direkt vom Server. Mangels Widget (s. o.) habe ich dafür einen Platzhalter angelegt und versuche, das Video (analog der Vorgehensweise bei YouTube) über einen iFrame wie folgt einzubinden:

<iframe width="100%" height="100%"  src="\index_htm_files\Name_des_Videos.mp4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Das Video habe ich vorher im genannten Ordner abgelegt. Aber leider funktioniert das so nicht, Meldung "The requested URL has no content".

Dann habe ich es über HTML5 versucht:

<video src="\index_htm_files\Name des Videos.mp4"></video>

Aber auch das ohne Erfolg. Schade eigentlich. Das Einbinden von YouTube-Videos ist sooo einfach - schaffe ich es auch, ein Video vom Server der eigenen Homepage darzustellen?

PS: Flash ist natürlich absolut verboten :-)!

Herzlichen Dank im Voraus für alle Hilfestellungen.

Viele Grüße
Michael

Kommentare

BeRo schrieb am 14.02.2019 um 23:45 Uhr

Dein Problem ist eigentlich keins. 😊

Du hast lediglich die Windows Pfad Konventionen auf die URL übertragen. Richtig muss Dein iframe Code so aussehen:

<iframe width="100%" height="100%"  src="./index_htm_files/Name_des_Videos.mp4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Also mit Slashs anstelle der Backslashs.

Natürlich trifft das auch für das Video Tag zu, das so aussehen müsste:

<video src="./index_htm_files/Name des Videos.mp4"></video>

BTW
Die Leerzeichen im Namen des Videos können zu Problemen führen. Lass' sie weg oder ersetz' sie durch Unterstriche "_", wie Du's schon im iframe Code gemacht hast.

Viel Erfolg

fuerteventura-2007 schrieb am 16.02.2019 um 00:38 Uhr

Hallo BeRo,

herzlichen Dank, genau das ist es!

Ich könnte ja meine müden und erkältungsgeschwächten Augen als Entschuldigung anführen, aber wie man den relativen Pfad auf das Unterverzeichnis korrekt darstellt (mit dem Punkt vor dem Slash) hätten auch meine wachen und gesundem Augen nicht hinbekommen! Ich bin so froh dass es euch gibt!

Und mit folgendem Code kann ich sogar die Video-Steuerelemente zum Abspielen des Videos integrieren (einfach für den Fall, dass irgendwann einmal ein anderer Besucher müde oder erkältete Augen hat ;-)):

<video width="100%" height="100%" controls>
<source src="./index_htm_files/NameVideo.mp4" type="video/mp4">
</video>

Und ja: selbstverständlich sind Leerzeichen im Namen der Video-Datei zu vermeiden!

Viele Grüße

Michael