Waarom en hoe zou u iFrames voor video's in WordPress moeten gebruiken?

Herinner je die oude embed-tags in video's nog? Ja, die zullen snel verouderd zijn als het web verschuift naar HTML5. Bijna alle belangrijke videosites schakelen over van het gebruik van ingesloten Flash-video's naar het gebruik van HTML5, en we raden u aan om hetzelfde te doen voor uw WordPress-blog. Door de iFrame-tag voor uw video's te gebruiken, zorgt u ervoor dat uw video's worden weergegeven voor mensen op de computer, iPhone, iPad of elk ander apparaat dat in de nabije toekomst kan komen. Verkeer van mobiele apparaten neemt in snel tempo toe, en daar moeten we allemaal op voorbereid zijn.

Youtube, Vimeo en anderen zijn al overgestapt op het gebruik van de iFrame-versie als hun standaardmethode voor het insluiten van video's op internet. Om veiligheidsredenen verdwijnt de iFrame-tag echter in WordPress wanneer wordt overgeschakeld van de Visual Mode naar de HTML-modus of omgekeerd. Het kan erg frustrerend zijn als je niet weet waarom dit gebeurt. U kunt zelfs een bericht publiceren om erachter te komen dat uw video nooit is opgenomen. U denkt misschien dat het een bug of een probleem is met uw WordPress-installatie, maar dat is het niet. Maar maak je geen zorgen, we hebben een manier om iFrames voor video's in WordPress zonder gedoe te gebruiken.

Eén manier is om de visuele editor in WordPress te verwijderen en u hoeft zich nooit zorgen te maken dat de iFrames verdwijnen. Door dit te doen verliest u echter de mogelijkheid om de interne koppelingsfunctie te gebruiken die in WordPress 3.1 is toegevoegd. Dus dit is niet zo goed van een optie.

De beste optie is om een ​​plug-in genaamd Iframe te gebruiken. Deze plug-in biedt een eenvoudige manier om iFrames in uw berichten in te voegen. Hier is een stapsgewijze handleiding om een ​​plug-in te installeren.

Nadat u Iframe hebt geïnstalleerd en geactiveerd, ontvangt u een nieuwe shortcode die u in uw bericht kunt gebruiken. [iframe:]

Bijvoorbeeld, de iFrame embed-code van Youtube ziet er standaard als volgt uit:

Met Iframe-plug-in verander je eenvoudig de code in:

[iframe width = "480" height = "390" src = "http://www.youtube.com/embed/fUfgmRCPI0E?rel=0" frameborder = "0"]

We raden u aan om iFrames nu meteen voor uw video's te gebruiken en uw site toegankelijk te maken voor mobiele lezers.