Gezien een aantal van de searchopdrachten lijken te landen op het feit dat ik in vroegere posts al eens geklaagd heb over het feit dat ik geen video in WordPress.com kreeg. Ik heb daarbij links geplaatst naar de tutorials door WordPress zelf geschreven. Echter, ik heb zelf gemerkt dat de Google Video Tutorial niet meer klopt, gezien Google zelf z'n tags heeft aangepast. In ieder geval, bij deze zal ik eventjes een korte tutorial schrijven over hoe je nu net video op je WordPress.com blog kan krijgen.
Given the fact that a number of searches on the topic of getting video on a WordPress.com-blog end up here, due to a previous post, I thought about writing my own tutorial on this topic, since the Google Video Tutorial from the WordPress-team is not up to date anymore. You can find the English version via the link "Read the rest of this entry".
Zo, we kunnen eraan beginnen. Eerst en vooral: je kan niet zomaar alle filmpjes hosten op je WordPress.com-blog. Je kan enkel video van YouTube en Google Video embedden in je weblog. Het WordPress-team werkt er allicht aan om andere hosters te implementeren, maar voorlopig zal je het moeten stellen met deze twee hosters. Ik ga geen aandacht schenken aan hoe je er net videos moet uploaden, dat kan je ter plekke ook lezen. Goed, laten we eraan beginnen!
Noot op voorhand: omdat het anders niet zou werken, heb ik de [ vervangen door [_; evenals ] door _]. Onthou dus dat je deze anders moet typen!
YouTube
Dit is de makkelijkste om je video op je weblog te krijgen. Je gaat als volgt te werk: je zorgt dat je je video op YouTube hebt. Ik heb als voorbeeld een vroeger geüpload clipje van mezelf gebruikt. Je hebt dan normaal op je scherm zoiets als het volgende staan:
Klik op de thumbnail om te vergroten
Je moet de link onder het rode rechthoekje hebben, in het tekstvak. Die moet je volledig kopiëren (selecteren en CTRL+C). Dan ga je in je WordPress.com-dashboard voor een nieuwe post, en je geeft dit in bij je post:
[_youtube=de-link-die-je-net-gekopieerd-hebt_]
Met mijn voorbeeld, ziet het er zo uit:
[_youtube=http://www.youtube.com/watch?v=kowI8cz-vXg_]
En je moet dit ingeven IN JE POST, dus niet in de HTML editor! Als je dan op Publish klikt, zal de player op je weblog verschijnen. Et voilà!
Google Video
Deze is iets moeilijker van aard, gezien je een beetje in de code moet duiken. Je gaat naar je Google Video pagina, en rechts klik je op de knop "Share this video". Vervolgens klik je onder de knop op de link "Embed HTML". Nu, iets wat je moet onthouden, is dat je dit niet kan kopiëren op je WordPress.com-weblog, omdat de <embed>-tag is uitgeschakeld. Maar er bestaat natuurlijk een oplossing. Je moet de tekst in het tekstvak hebben (aangegeven in het rood):
Klik op de thumbnail om te vergroten
Wat je dus krijgt, ziet er een beetje als volgt uit:
<embed src="http://video.google.com/googleplayer.swf?docId=4604749773754884228" style="width: 400px; height: 326px" id="VideoPlayback" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" flashvars="playerMode=embedded" align="middle"></embed>
Hetgeen uit deze code belangrijk is, staat in het vet aangegeven. De manier om dit te implementeren op je weblog, is als volgt (het moet allemaal achter mekaar komen, maar het ik heb het over verschillende regels gespreid owv duidelijkheid):
[_googlevideo=de-link-(dus,-wat-achter-src-staat-zonder-de-"-!) &playerMode=embedded_]
In mijn geval zou het dus zoiets als dit worden:
[_googlevideo=http://video.google.com/googleplayer.swf? docId=4604749773754884228&playerMode=embedded_]
Als je nu op Publish klikt, zal je Google Video op je weblog staan. Et voilà!
Veel plezier met je video's!
ENGLISH VERSION
As promised, I'll write an English tutorial on this topic too. First off, you cannot host any videoclip on WordPress.com. The only hosters allowed are YouTube and Google Video. The WordPress-team is working on the code to embed other hosters as well, but for now, you'll have to do it with these two. I won't get into details on how to get your videos on their servers, you can read it in their FAQ and userguides. Well then, let's get to it!
Just 1 remark: because WordPress.com would otherwise start freaking out on the code, I had to replace the [ with [_; and ] with _]. Please do remember to type them like [ and ] in your post, otherwise it won't work!
YouTube
This is the easiest way to get a videoclip on your weblog. Do it as follows: go to the webpage of your YouTube-clip. I used a previously uploaded video as an example. You should be seeing something like this:
Click on the thumbnail to enlarge
You have to copy the link that's marked with the red rectangle (select + CTRL-C). Then go into your dashboard, create a new post, and enter the following:
[_youtube=the-link-you-just-copied_]
So, for me, it would look like this:
[_youtube=http://www.youtube.com/watch?v=kowI8cz-vXg_]
You have to enter this IN THE TEXT EDITOR, NOT in the HTML editor! If you click Publish, you'll have a YouTube videoplayer, containing your video, on your weblog. Voilà!
Google Video
This is somewhat trickier, since you have to dive into the code. First off, go to your Google Video-page, and click on the right hand side on the button "Share this video". Then click the link "Embed HTML" right beneath it. Now, you cannot, I repeat: you cannot, copy the code straight into your WordPress.com-weblog, since the <embed>-tag is disabled. But there is a solution. You want the code in the textarea, marked by the red rectangle:
Click the thumbnail to enlarge
What you should get, looks something like this:
<embed src="http://video.google.com/googleplayer.swf?docId=4604749773754884228" style="width: 400px; height: 326px" id="VideoPlayback" type="application/x-shockwave-flash" allowscriptaccess="sameDomain" quality="best" bgcolor="#ffffff" scale="noScale" salign="TL" flashvars="playerMode=embedded" align="middle"></embed>
I marked the important stuff in this code. You can forget the rest 
Now, you should implement this in your weblog like this (word wrap has been enabled for clarity):
[_googlevideo=the-link-(so,-what's-behind-src-without-the-"-!) &playerMode=embedded_]
In my case, it would look like this:
[_googlevideo=http://video.google.com/googleplayer.swf? docId=4604749773754884228&playerMode=embedded_]
And if you click Publish, your weblog will contain your Google Video!
Enjoy the videos!
Bedankt voor je heldere uitleg. Toch lijkt het weer verandert te zijn. De video die ik wil plaatsen is deze:
Het lukt me niet volgens jouw tutorial. De code is ook weer net even anders dan in jouw tutorial
“playerMode=embedded” ontbreekt.
Een suggestie?
Bedankt,
Wouter Baars