Autor: Matthias

Seit dem Jahre 2007 schreibe ich auf www.kleiner-blog.de über die Kleinigkeiten die die Welt bewegen. Sei es Hilfe bei Problemen mit dem IPhone, einem Tablet oder Wordpress PHP - das alles und noch viel mehr findet ihr hier. In meiner Freizeit beschäftige ich mich mit den neusten Gadgets und gerne auch mal mit dem ein oder anderen LEGO Set. Meinen zweiten Blog findet ihr unter www.brick-blog.de!
Veröffentlicht am

Wie Youtube auf HTML5 Player umstellen

Der Flash Player von Adobe ist in aller Munde. Früher ein absolutes Must-Have auf einer Webseite, mittlerweile gibt es eigentlich nur noch schlechte Schlagzeilen: Sichereitsrisiko! Ressourcenfresser! Google und Amazon zeigen zukünftig keine Flash Anzeigen mehr und überall im Web steigen Webseiten auf alternative Lösungen um. HTML5 ist hier das Stichwort der Stunde.

Da viele Handys kein Flash unterstützen, der Mobile Traffic auf den Webseiten aber immer bedeutender wird, werkeln alle Seite schon seit einer Zeit an Alternativen zu Flash. So auch Youtube – einer der größten weltweiten Videolieferanten. Wer weiss wo, kann bereits jetzt in seinem Youtube Profil hinterlegen, dass er keinen Flashplayer mehr benutzen möchte, sondern stattdessen einen HTML5 basierten Player. Dieser läuft ohne zusätzliche Plugins oder Extra-Software in allen (halbwegs) modernen Browsern

Wie Youtube auf HTML5 Player umstellen

Ich habe auf nicht auf Anhieb die Stelle gefunden, auf der ihr die Einstellung von Flash auf HTML5 umstellen könnt. Wobei es im Endeffekt nur ein kleiner Klick bzw. nur ein Häkchen ist, was ihr setzen müsst.

Ihr findet die Einstellung nicht direkt in eurem Youtube Profil. Aber Youtube hat glücklicherweise eine extra Seite dafür ins Leben gerufen. Öffnet die Seite und wählt die Box aus, mit der ihr den HTML5-Videoplayer zum Standard macht! Dafür solltet ihr ein Youtube Profil haben und eingeloggt sein.

Klickt auf diesen LINK – Wie Youtube auf HTML5 Player umstellen

youtube-html5
Youtube Einstellung: HTML5 aktivieren

Nach dem ihr den Knopf betätigt habt, wird ab sofort immer statt dem Flash basierten Player der HTML5 Player benutzt. Das coole ist, die Einstellung greift nicht nur auf der Youtube Seite sondern auch auf sämtlichen Seiten, die Videos von Youtube einblenden bzw. einbinden.

Ich persönlich nutze den HTML5 Player von Youtube nun schon einige Tage und bin begeistert. Mir kommt er schneller und schöner vor, als der „alte Flashplayer“. Und sicherer soll das Ganze jetzt auch sein! 🙂

Nach der Einstellung könnt ihr den Adobe Flash Player nun getrost deinstallieren. Viel gibt es dann eh nicht mehr für ihn anzuzeigen 🙂

Ich hoffe ich konnte euch mit der Anleitung weiterhelfen! Viel Spass beim HTML5 Videos schauen!

Veröffentlicht am

Wie kann man Straight outta Bilder erstellen

Hallo zusammen,

StraightOuttaSomewhere
StraightOuttaSomewhere

in den nächsten Tagen kommt mit Straight outta Compton ein (hoffentlich) genialer Film in die Kinos. Hier geht es um die Geschichte der berühmten Rap Gruppe N.W.A – die damals in L.A. sozusagen den Gangsta Rap in die breite Maße gebracht haben. ( So haben sie geklungen: Straight Outta Compton ) Hier für wurde eine coole Webseite gelauncht, welche euch die Möglichkeit gibt, den bekannten Straight Outta Schriftzug auf eure Bilder zu pflastern. Nachdem mich jetzt schon der zweite gefragt hat, wie kann man Straight outta Bilder erstellen – hier die kurze Anleitung für euch.

Hierbei handelt es sich nämlich um keine Facebook-App oder einen Instagram Filter – nein ihr müsst einfach nur eine Webseite besuchen, den Text eingeben und anschliessend mit einem Mausklick das fertige Bild herunterladen. Klingt einfach? Ist es auch! Man muss nur wissen, wo man danach suchen muss.

Wie kann man Straight outta Bilder erstellen

Nichts einfach als das. Öffnet einen neuen Tab in eurem Webbrowser und gebt folgende Adresse ein: http://www.straightouttasomewhere.com/ oder klickt einfach auf den Text. Hier könnt ihr nun den Text eingeben und ein Bild auswählen, welches ihr schon gemacht habt. Klick auf den Download Button unten rechts und das Bild ist eures. Zack so schnell seid ihr Teil der wirklich cleveren viralen Marketing Kampagne zum Straight outta Compton Film.

Für alle die nicht dumm sterben wollen, oder keine Lust auf Fragen von Freunden haben, die ihr nicht beantworten könnt. Hier nochmal der Trailer zum Film, für welchen ihr mit eurem Bild Werbung macht 🙂

Veröffentlicht am

Q-TranslateX Language Select konfigurieren

Heute habe ich mal wieder ein bisschen WordPress Support geleistet und mich mit dem qTranslate X Plugin herumgeschlagen. Gerne möchte ich euch an dem Ergebnis teilhaben lassen, wie ihr Q-TranslateX Language Select konfigurieren könnt.

Um eine WordPress Seite flexibel in mehren Sprachen darstellen zu lassen und dabei bequem zwischen den Sprachen umschalten zu können, bietet sich das Plugin qTranslateX an. Es ersetzt das ältere qTranslate, welches leider nicht mehr weiter entwickelt wird. Das Plugin lässt euch mit einem Klick die Sprache umstellen. Ihr könnt also ganz einfach einen Blog auf deutsch und englisch oder gar chinesisch realisieren. Die Texte müsste ihr natürlich selbst übersetzen aber den Rest nimmt euch das Plugin ab.

Ich persönlich finde die FAQ oder Einsteiger Seite des qTranslate X Plugins nicht wirklich aussagekräftig. Deshalb hier kurz was ich herausgefunden habe.

Um die Sprache zu wechseln möchte ich im Header der Seite einfach zwei kleine Fahnen angezeigt bekommen und darüber die Sprache wechseln. Soweit so einfach.

Man muss dazu einfach den folgenden Code Schnippsel an der gewünschten Stelle, in seinen Quelltext, kopieren. Bei mir war es die header.php – da ich die Flaggen gerne oben auf jeder Seite sehen möchte.

<?php echo qtranxf_generateLanguageSelectCode(‚image‘); ?>

Das resultiert (zumindest bei mir) darin, dass die beiden Fahnen versetzt angezeigt werden und zusätzlich noch störende Aufzählungszeichen angezeigt werden.

Also muss der Eintrag noch formatiert werden. Am einfachsten geht dies via CSS und zwar in der style.css Datei. Hier fügen wir einfach den folgenden Code ein und schon werden die Fahnen nebeneinander und mit einem schönen Abstand von 10 Pixeln angezeigt.

.qtranxs_language_chooser { list-style-type:none; float:right }
.qtranxs_language_chooser li { float : left; margin-right: 10px; }

Fertig!

Für mich war das ganze leicht tricky, da in der Ursprungsversion von qTranslate der Code minimal anders und nicht so 100%ig nachvollziehbar war für mich. In der ALTEN VERSION sehen die Code Snippets nämlich so aus:

<?php echo qtrans_generateLanguageSelectCode(‚image‘); ?>

.qtrans_language_chooser { list-style-type:none; float:right }
.qtrans_language_chooser li { float : left; margin-right: 10px; }

Aus einem qtrans_ wurde also einmal ein qtransxf_ bzw. ein qtransxs_ … nicht wirklich logisch. Ich hatte es zuerst mit qtransx_ in beiden Code Snippets versucht… Aber ohne Erfolg. Solltet ihr einmal von dem gleichen Problem stehen – die Lösung findet ihr weiter oben 🙂

PS: Ich wisst natürlich, dass ihr solche Änderungen am Code in einem sogenannten Child-Theme durchführen solltet. Dann bleiben alle Änderungen auch bestehen, wenn das Theme einmal aktualisiert wird. Aber um mal schnell zu testen ob es geht, reicht es auch im ursprünglichen Theme.

PPS: Ich habe das qTranslate X Plugin übrigens zusammen mit WooCommerce am laufen. Funktioniert einwandfrei und erspart einem teure Übersetzungsplugins zu kaufen 🙂