Op deze manier kun je een PowerPoint presentatie embedden zonder de navigatiebalk te tonen.
05 juni 2018
Navigeren door een plaatje?
Hè, een plaatje waar je doorheen kunt navigeren?
Ja, je ziet het goed, probeer maar uit!
Wat je ziet is gewoon Google Slides, maar dan zonder navigatiebalk.
De truc zit hem in wat code die je om het iframe heen zet, waardoor je de navigatiebalk verbergt.
Hier de code die ik hiervoor gebruikt heb:
<div style="height: 330px; overflow: hidden; width: 597px;">
<iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vT7f0HYplrS9H9SwD-su8c78MAvvgquJJTD9y7NiYmvnSPl23w-yJi3hD_xGnXsyToAShGfnHX6SZzp/embed?start=false&loop=false&delayms=3000" style="left: -1px; position: relative; top: -1px;" webkitallowfullscreen="true" width="600"></iframe></div>
Het iframe wordt dus omsloten door een div die iets minder breed en een stuk minder hoog is!
Het gebruikte plaatje slaat dus nergens op, maar ik wilde snel iets hebben om dit te demonstreren. Dit biedt volgens mij allerlei mogelijkheden om dingen op een leuke manier aan te bieden, zoals spelletjes, ontdekkingsverhalen, puzzels, een quiz en wat al niet meer...
Het aardige is dat het ook nog redelijk werkt op een tablet of een smartphone.
Voor het navigeren maak je gebruik van de mogelijkheid om te linken naar andere dia's in je presentatie.
Ja, je ziet het goed, probeer maar uit!
Wat je ziet is gewoon Google Slides, maar dan zonder navigatiebalk.
De truc zit hem in wat code die je om het iframe heen zet, waardoor je de navigatiebalk verbergt.
Hier de code die ik hiervoor gebruikt heb:
<div style="height: 330px; overflow: hidden; width: 597px;">
<iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vT7f0HYplrS9H9SwD-su8c78MAvvgquJJTD9y7NiYmvnSPl23w-yJi3hD_xGnXsyToAShGfnHX6SZzp/embed?start=false&loop=false&delayms=3000" style="left: -1px; position: relative; top: -1px;" webkitallowfullscreen="true" width="600"></iframe></div>
Het iframe wordt dus omsloten door een div die iets minder breed en een stuk minder hoog is!
Het gebruikte plaatje slaat dus nergens op, maar ik wilde snel iets hebben om dit te demonstreren. Dit biedt volgens mij allerlei mogelijkheden om dingen op een leuke manier aan te bieden, zoals spelletjes, ontdekkingsverhalen, puzzels, een quiz en wat al niet meer...
Het aardige is dat het ook nog redelijk werkt op een tablet of een smartphone.
Voor het navigeren maak je gebruik van de mogelijkheid om te linken naar andere dia's in je presentatie.
26 maart 2018
17 november 2017
25 oktober 2017
Maak een memoryspel...
Ik krijg een mailtje van een collega-blogger dat hij geen berichten meer kan publiceren op Blogger.
Even kijken of ik daar ook last van heb...
Even kijken of ik daar ook last van heb...
12 september 2017
21 juli 2017
Google Drive embedden
Wil je een aantal bestanden embedden onder een blogbericht of in een andere webpagina, maar wil je ze niet allemaal stuk voor stuk uploaden en linken?
Zet ze dan in een deelbare map van Google Drive en maak ze beschikbaar via een iFrame.
Met behulp van de codegenerator op deze pagina werkt dat heel eenvoudig!. Je kunt de breedte en de hoogte bepalen en kiezen of je wel of geen kader om het iFrame wilt hebben. Verder kun je nog kiezen uit lijst- of rasterweergave.
Bijkomend voordeel is dat je achteraf meer bestanden kunt toevoegen (of verwijderen) zonder naar de betreffende pagina te gaan!
Zet ze dan in een deelbare map van Google Drive en maak ze beschikbaar via een iFrame.
Met behulp van de codegenerator op deze pagina werkt dat heel eenvoudig!. Je kunt de breedte en de hoogte bepalen en kiezen of je wel of geen kader om het iFrame wilt hebben. Verder kun je nog kiezen uit lijst- of rasterweergave.
Bijkomend voordeel is dat je achteraf meer bestanden kunt toevoegen (of verwijderen) zonder naar de betreffende pagina te gaan!
Hieronder zie je hoe dat eruit komt te zien:
19 juli 2017
Zeearend koning van de delta
Filmpje embedden met ondertiteling
Dit is de embed code:
<iframe width="640" height="360" src="https://www.youtube.com/embed/Ya7xoeqKbIU?cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
Dit is de embed code:
<iframe width="640" height="360" src="https://www.youtube.com/embed/Ya7xoeqKbIU?cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
18 juli 2017
Ondertiteling weergeven
Iemand vroeg of het mogelijk is om geforceerd ondertiteling weer te geven wanneer je een YouTube filmpje embed ergens op een website.
Dat is zeker mogelijk!
Het enige wat je aan de url moet toevoegen is het volgende: cc_load_policy=1
De embed code van onderstaand filmpje ziet er dan zo uit:
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/jTaTMOQvojQ?cc_load_policy=1?rel=0" frameborder="0" allowfullscreen></iframe>
Dat is zeker mogelijk!
Het enige wat je aan de url moet toevoegen is het volgende: cc_load_policy=1
De embed code van onderstaand filmpje ziet er dan zo uit:
<iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/jTaTMOQvojQ?cc_load_policy=1?rel=0" frameborder="0" allowfullscreen></iframe>
04 januari 2017
Abbreviation
Even wat uitproberen:
De MBO Raad heeft als 50e organisatie het manifest 'Samen naar een duurzame digitale samenleving' ondertekend.
Dat kan natuurlijk ook met de Tryit Editor!
De MBO Raad heeft als 50e organisatie het manifest 'Samen naar een duurzame digitale samenleving' ondertekend.
Dat kan natuurlijk ook met de Tryit Editor!
05 december 2016
28 november 2016
Audio embedden vanaf Google Drive
Even uitproberen!
Dit is de code:
<audio controls="controls">
<source src="https://drive.google.com/uc?export=download&id=0By2d5B0yP7tLZUR3T3IycHhJYzA">
</audio>
Nu een variant uitproberen:
<audio controls="controls">
<source src="https://drive.google.com/uc?export=download&id=1p4ZYS6G4pzl1NU_820We9QEwum5EUEz3"></source>
</audio>
En nu een wav bestand:
Dit is de code:
<audio controls="controls">
<source src="https://drive.google.com/uc?export=download&id=0By2d5B0yP7tLZUR3T3IycHhJYzA">
</audio>
Nu een variant uitproberen:
<audio controls="controls">
<source src="https://drive.google.com/uc?export=download&id=1p4ZYS6G4pzl1NU_820We9QEwum5EUEz3"></source>
</audio>
En nu een wav bestand:
17 november 2016
14 november 2016
25 oktober 2016
Google foto's embedden
Even zien of die truc van Amit Agarwal ook werkt voor video, maar nee helaas.
Voor foto's echter wel en dat is toch ook makkelijk.
Voor foto's echter wel en dat is toch ook makkelijk.
10 oktober 2016
27 september 2016
Een videobestand embedden vanuit archive.org
Eens even zien of ik met behulp van de aanwijzing op de HELP pagina van archive.org een videobestand kan embedden.
De code die archive.org mij aanbiedt ziet er zo uit:
Je kunt echter ook de video tag gebruiken die tegenwoordig door vrijwel alle browsers en devices geaccepteerd wordt. Dat ziet er dan zo uit:
De code die archive.org mij aanbiedt ziet er zo uit:
<iframe allowfullscreen="" frameborder="0" height="352" mozallowfullscreen="true" src="https://archive.org/download/Archive.org_201609/Archive.org.mp4" webkitallowfullscreen="true" width="640"></iframe>Zoals je ziet werkt dit dus met een iFrame
Je kunt echter ook de video tag gebruiken die tegenwoordig door vrijwel alle browsers en devices geaccepteerd wordt. Dat ziet er dan zo uit:
<video width="640" height="352" controls>Dit is de manier waarop ik bovenstaande screencast nu heb toegevoegd.
<source src="https://archive.org/download/Archive.org_201609/Archive.org.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Audio via Archive.org
Even zien hoe dat werkt:
Het bestand staat hier: https://ia601509.us.archive.org/28/items/Introductie/Introductie.mp3
Het bestand staat hier: https://ia601509.us.archive.org/28/items/Introductie/Introductie.mp3
12 juni 2016
05 juni 2016
Abonneren op:
Posts (Atom)