Nieuwe plugin
Na diverse plugins getest te hebben kwam ik uiteindelijk uit op youtube for wordpress plugin. Daarmee kun je zowel een enkele video als een playlist embedden in je blog. En dat laatste is waar het mij om ging. Ik heb hier nl. diverse pagina’s met video’s uit een bepaalde playlist.

Installatie
De installatie van de plugin is zoals normaal bij plugins een fluitje van een cent in WordPress. Echter om alles werkend te krijgen is wat lastiger. Je moet voortaan een paar keys ophalen voor OAuth toegang.
[yt4wp-video video_id=”rJ5vwe1Q4t4″ shadow=”1″]
Dat staat prima uitgelegd als je plugin geïnstalleerd hebt en op de website van de developer van de plugin. Als je die stappen volgt kun je daarna de plugin toegang geven tot je youtube account.

Voordelen
Voordeel van deze methode is dat je een extra knop erbij krijgt boven je blogvenster waarmee je door je video’s kunt bladeren, een playlist toe kunt voegen of een enkele video. Ook zie je je abonnementen en kun je zoeken in youtube video’s. Zo hoef je dus niet meer om te schakelen naar youtube maar kun je in je editscherm van je blogbericht alles bekijken en toevoegen. Alles wat je in youtube ziet zie je ook in dat scherm van de plugin. Ook kun je video’s rechtstreeks uploaden onder die knop, maar dat heb ik nog niet uitgeprobeerd. Ik lees daar berichten over met gemengde ervaringen. Het werkt soms nog niet goed.
De developer werkt daar nog aan. Evenals de mogelijkheid een compleet kanaal toe te voegen.

Als je wilt zien hoe het eruit ziet dan kun je hierboven in het menu video’s een pagina kiezen. Je ziet dan een soort magazine-layout met een plaatje van de video’s met een omschrijving. Deze layout zit standaard in WordPress. Als je op een plaatje klikt wordt er keurig een venster over de blog gelegd waarin je de video af kunt spelen met ook de Share-knop etc.
De layout is ook responsive, wat betekent dat het scherm zich aanpast aan de afmetingen van het scherm van het device. Dus werkt ook prima op je smartphone en tablet. Overigens werkt dat ook bij het embedden van een enkele video. In het vorige blogbericht heb ik de plugin gebruikt om een enkele video toe te voegen.

Kortom: een mooie plugin met als enige nadeel dat het even wat tijd kost om de benodigde keys op te halen.

The post Nieuwe plugin voor youtube playlists appeared first on Hans ON Experience.

Deze week las ik onderstaande artikels en bewaarde ze in mijn pinboard.

• 10 Tools to Combine, Mix, Blend Multiple RSS Feeds tools to mix, blend and Mash-up multiple RSS feeds
• Projify: Cloud-based samenwerkingstool voor projectteams – Frankwatching Projify is een cloud-based tool waarmee je eenvoudig projecten, taken en issue-tickets kunt beheren. Daarnaast kan de tool gebruikt worden om kalenders te delen en te onderhouden, waarbij meerdere gebruikers op een efficiënte manier samen kunnen werken.
• Welke plaats krijgt YouTube in een crossmediale campagne | Marketingfacts welke plaats zou YouTube dan moeten krijgen in je (crossmediale) campagne?
• Twitter optimaliseren met RetweetLab RetweetLab is een gratis tool van HubSpot waarmee Twitter-accounts geanalyseerd kunnen worden. Zo kun je Twitter optimaliseren door verschillende inzichten zoals welk type tweets goed aanslaan, welke momenten goed zijn om te tweeten
• Social Media en het juridisch aspect internet en het juridisch aspect. social media en arbeidsverhoudingen.
• Meet de ROI van social media met Google Analytics – Frankwatching Dit artikel bevat tips en uitleg bij het schatten van de economische waarde, de zogenaamde ROI, van sociale media met Google Analytics.
• Screencast 003: OmniFocus Ninja Tricks (Part 3 of 3) « Mac Power Users In this final episode of the OmniFocus Screencast trilogy, David covers task completion, review, and additional customization and database maintenance.
• Screencast 002: OmniFocus Ninja Tricks (Part 2 of 3) « Mac Power Users In this second part of the OmniFocus Ninja Tricks screencasts, David covers the details of how to process tasks in OmniFocus. It is 50 minutes
• Screencast 001: OmniFocus (part 1 of 3) « Mac Power Users In this screencast, David covers the details of how to capture tasks in OmniFocus using your Mac, iOS devices, and (of course) a pencil.
• Part I: How to Use OmniFocus (a guide for the advanced user) | Mind, Music, & Technology
• Using TextExpander and OmniFocus for tracking actions & projects | SimplicityBliss how I use TextExpander inside of OmniFocus to track projects
• OmniFocusCLI: Natural Language Tasks from Alfred – dirt OmniFocusCLI. A very advanced shell script I have designed to take natural language input from Alfred and hand-craft it in to a perfectly formed OmniFocus task.
• Alternative Ways To Add Actions Into OmniFocus
• 6 STEPPS om sociale besmettelijkheid te realiseren Wat maakt het dat een product, dienst of content 'sociaal besmettelijk' wordt?
• Posts Tagged “textexpander” – BrettTerpstra.com
• Markdown Service Tools – BrettTerpstra.com Markdown Service Tools is a collection of OS X Services to make creating Markdown-formatted text that much easier.
• 10 waardevolle Google Analytics aangepaste rapporten – Webanalisten.nl 10 aangepaste rapporten om uitgevers, ecommerce sites en SEO analisten je inzichten te verreiken
• 10 more valuable Google Analytics custom reports | Econsultancy

The post Leesvoer voor week 19 appeared first on Hans ON Experience.

Deze week las ik onderstaande artikels en bewaarde ze in mijn pinboard.

• Van Youtube naar je Dropbox youtube filmpjes naar je computer via dropbox
• Are you ready for Marketing 2020? overview of what marketing 2020 might look like
• Context is ’the next big thing’ voor social media – Frankwatching Maar wat is nu de next big thing in social? Context! Sociale netwerken zonder context gaan het niet redden.
• De menselijke factor bij de acceptatie van OER. Wat bepaalt de bereidheid om te delen? Wat bepaalt de bereidheid van docenten om open educational resources (OER) te delen? Of meer defensief geformuleerd: wat houdt docenten tegen om OER daadwerkelijk in hun onderwijs toe te laten?
• Pros and Cons of Social Media Education in Schools | SociableBlog Here are some pros and cons of including social media education in the schools
• Onderzoek project X-rellen in Haren Vandaag verscheen het rapport over de rellen in Haren. Mediadeskundigen Jan van Dijk, Lidwien van de Wijngaert en Sanne ten Tije van de Universiteit Twente onderzochten voor de Onderzoekscommissie ‘Project X’ Haren de rol van de media bij het uit de hand gelopen verjaardagsfeestje. “In onze aanpak stonden de jongeren centraal. Wat heeft ze wel, of juist niet, bewogen om te komen en zich te misdragen?” 50.000 Facebookberichten, 500.000 tweets, een onderzoek onder 855 jongeren en honderden gesprekken verder, hebben de onderzoekers de antwoorden.
• Onderzoekscommissie “Project X” Haren: visualisatie van het berichtenverkeer op Facebook on Vimeo Visualisatie van het berichtenverkeer op Facebook op de dagen voor en na Haren.
• Onderzoekscommissie “Project X” Haren: rapportenDe rapporten van de Onderzoekscommissie “Project X” Haren gepubliceerd.▪ Hoofdrapport Twee Werelden
  ▪ Deelrapport 1: Geen feestje
  ▪ Deelrapport 2: De weg naar Haren
  ▪ Deelrapport 3: Hoe Dionysos
• Project X Haren: ‘sociale media vragen andere inrichting overheid’ – Frankwatching In deze case zijn ongeveer alle maatschappelijke en digitale transities samengebald. Om herhaling te voorkomen, moeten overheden zich volgens het rapport compleet anders organiseren.

The post Leesvoer voor week 11 appeared first on Hans ON Experience.

Great thing fixed! Standard Tubepress installion comes with the problem that pulldown menu’s disappear behind the video as you can see in the picture. You can see the Tubepress at work on my videopages in the menu. Great plugin as it shows all or some youtube video’s from playlists a.s.o. without the need to enter them by hand when a new one is uploaded. But I did not like the effect of the pulldown menu being behind the video. But how to fix this. You cannot enter some code in the youtube video’s in Tubepress.

I did not know how to solve this problem. So opened an issue at the Google Forum of Tubepress. And great to see social media working again. Within 3 days the owner of the plugin solved it and posted it on the forum!

Just add:

$link->setQueryVariable(‘wmode’, ’transparent’);

at line 58 in the file:

AbstractYouTubeEmbeddedStrategy.class.php

which you can find here: sys/classes/org/tubepress/impl/embedded/strategies/

Everything is fine now as you can see on the videopages and the thumbnail of this posting. Great work!!

The post wmode transparent in Tubepress fixed appeared first on Hans ON Experience.

Nu kende WordPress natuurlijk al de shortcode. Want als je een url invult van je video dan komt ie goed in je bericht. Maar als je menu’s hebt zoals ik, die naar beneden uitklappen dan was dat niet mooi. Het menu is dan niet compleet zichtbaar. De wmode=transparent optie werkt niet bij die url als shortcode. Met de plugin dus wel.

Het is een hele simpele en kleine plugin dus veel performance zal het allemaal niet kosten neem ik aan. Een ander voordeel is dat de plugin er ook voor zorgt dat je video bijna in alle browsers zal draaien. Zelfs als java niet geaccepteerd wordt dan zal de plugin de flashversie proberen te laten zien. En ook in RSS files zal de video mooi werken. Kijk maar naar mijn RSS feed.
Je video zal ook zichtbaar zijn en af te spelen op ipad en iphone e.d. Verder kun je alle parameters meegeven aan de url die youtube hanteert. Je vindt die op de site van de plugin
De url zal er uit komen te zien als volgt. In mijn geval: [youtube_sd url=http://……….] Op de plek van de puntjes plak je gewoon de url van de video, de korte youtube link of de id van de video.

Als je een video een ander formaat mee wilt geven dan wordt het:
[youtube_sd url=http://………. width=500 heigth=350]
En nogmaal: wmode=transparent hoef je niet mee te geven. Dat doet de plugin zelf.

The post WordPress YouTube Shortcode plugin appeared first on Hans ON Experience.

Je zult dus een stukje code toe moeten voegen om ervoor te zorgen dat de youtube video op de achtergrond blijft als je op iets anders klikt. In de oude code zette ik dan wmode=”transparent” in de embed code, maar nu youtube iframe embed code heeft moet dat anders.

Je moet dan ?wmode=transparent achter de url van de video plakken. Dus de link in de embed code:

wordt dan:
http://www.youtube.com/embed/Ok2L6bhZ8Cc?wmode=transparent

Zo nu kan ik het zelf tenminste ook nog terug zoeken als ik vergeten ben hoe het moest 😉

The post Nieuwe iframe youtube code met ?wmode=transparent appeared first on Hans ON Experience.

YouTube embedden in Action Stream template in Movable Type 4.25:

<mt:if name="service_type" eq="youtube">
<mt:SetVarBlock name="videoid"><$MTStreamActionURL regex_replace="/http://www.youtube.com/watch?v=/","" $></mt:SetVarBlock>
<object width="320" height="265">
    <param name="movie" value="http://www.youtube.com/v/<mt:var name="videoid">&hl=en&fs=1&rel=0"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/<mt:var name="videoid">&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed>
</object>
</mt:if>

Flickr foto’s als thumbnail in Action Stream template in Movable Type 4.25:

<mt:If name="service_type" eq="flickr">
<mt:setvarblock name="thumb_url"><mt:StreamActionThumbnailURL></mt:setvarblock>
<div class="thumbnail">
<a href="<mt:StreamActionURL />"><img src="<mt:StreamActionThumbnailURL/>" /><span class="photo"> </span></a>
</div>
</mt:if>

The post YouTube embed en Flickr foto’s in Action Stream appeared first on Hans ON Experience.

Bestand met code downloaden

En zie het resultaat. Ik heb de afmetingen van 630×380 zoals in de code in het tekstbestand teruggebracht naar 550×335 omdat dat hier beter past. 630 is te breed hier.
Enige probleem is nog het plaatje dat dat niet in de juiste grote weergegeven wordt, maar de video is prachtig (als je het kunt bekijken tenminste, want je hebt een stevige bandbreedte nodig en een zware pc). Het ging er mij maar even om te kijken of die HD kwaliteit er echt is in YouTube. Nu moeten ze het nog in een acceptabele performance zien te krijgen. Op mijn laptop draait het prima (dual core) en maar op mijn desktop is het niet voor uit te branden (pentium 2)

Naar YouTube voor een Full Screen HD view.

Voor ‘gewone’ hoge kwaliteit (dus geen 720p) kun je deze code generator gebruiken. Die voegt fmt=18 op de juiste plaats toe.

Hoe is de snelheid en de kwaliteit bij jou?

UIpdate: de settings die ik gebruikt heb voor deze video vind je in dit plaatje en dit plaatje. Ik heb begrepen dat de bitrate boven 5000 moet staan wil je echt HD krijgen en het is verstandig deinterlace aan te zetten als dat kan. Bij mij moest dat omdat ik 1080i heb opgenomen.

The post YouTube in echte High Definition appeared first on Hans ON Experience.