Wie Video auf Ihre HTML5 und CSS3-basierte Web-Seiten hinzufügen

Die Möglichkeit, Videos über HTML zu spielen, ist ein wichtiger Durchbruch, und es ist nicht schwer zu implementieren. Sie können einen Tag verwenden, um Video auf Ihre Web-Seite hinzuzufügen, und das Video abspielen kann direkt im Browser ohne ein Plugin wie Flash erforderlich sind.

Natürlich ist es nicht perfekt. Es gibt eine Reihe von konkurrierenden Video-Standards, und die Browser zustimmen können nicht auf, welchen Standard zu akzeptieren. Die wichtigsten Standards sind H.264 und Ogg genannt.

Einige Browser bevorzugen ein- einige der anderen vorziehen. Um die Dinge noch komplizierter zu machen, wird die Dateierweiterung für ein Video nicht immer zeigen die zugrunde liegenden Codierung Mechanismus. Das bedeutet, Video-Encoding einige Experimente erfordert. Wenn Ihre Videodatei nicht im Format ist, dass Sie wollen, müssen Sie es zu konvertieren. FFmpeg und VLC sind hervorragend kostenlose Tools, die Sie verwenden können Video zu konvertieren, was auch immer Format, das Sie benötigen.

Wie bei jedem geistigen Eigentums sicher, dass Sie die Erlaubnis der ursprünglichen Besitzer der Datei haben. weil man einfach kann ein Video in Ihre Webseite einbetten nicht Sie bedeuten sollte tun Sie dies.

bild0.jpg

Der Code für diese Seite zeigt, wie viel der Tag ist wie:

videoDemo

Video-Demo

Dieses Video ist ein Trailer für die unglaubliche Kurzfilm "Big Buck Bunny". Dieses Experiment zeigt, dass talentedvolunteers kann nur Open-Source eine qualitativ hochwertige professionelle videousing produzieren tools.Go zu https://bigbuckbunny.org das gesamte Video zu sehen.

Video-Dateien sind sehr groß, und sie können Ihre Website scheinen viel langsamer Benutzer machen. Sie sind auch mühsam zu einem Web-Server zu verschieben. Aus diesem Grund bevorzugen viele Web-Entwickler Videos auf einen Dienst zu laden wie Youtube und verknüpfen Sie einfach auf das Video auf einem anderen Server.

Wenn Sie das Recht, ein YouTube-Video klicken, können Sie kopieren Embed Code aus dem Menü, das angezeigt wird. Dies gibt Ihnen Code, den Sie auf Ihrer eigenen Website verwenden können.

Menü