Muziek en filmpjes

Muziek of een filmpje op je profiel kan weer, van YouTube, Spotify of SoundCloud. Op je pagina komt een kaart met het hoesje en de titel. Pas als je bezoeker erop klikt, gaat hij spelen. Er begint dus nooit zomaar muziek, ook niet op school of 's avonds laat.

Met de code {speler:link}

Dit kun je het makkelijkst doen met de code {speler:…}. Zo werkt het:

• Zoek je nummer of filmpje op YouTube, Spotify of SoundCloud en kies Delen. Kopieer daar de link. Een link uit de adresbalk werkt ook.
• Zet de link achter {speler: en sluit af met }.
• Sla je pagina op. De site haalt dan het hoesje en de titel op.

{speler:https://youtu.be/JouwFilmpje}

De link in dit voorbeeld is verzonnen; daarom staat er "YouTube-video" zonder hoesje. Zet er je eigen link voor in de plaats.

• Het werkt met video's, shorts en afspeellijsten van YouTube, met nummers, albums, afspeellijsten en podcasts van Spotify, en met nummers en sets van SoundCloud.
• Een korte link van SoundCloud (on.soundcloud.com) werkt niet. Open hem eerst, en kopieer dan de lange link uit de adresbalk.
• Herkent de site de link niet, dan blijft de code als tekst staan en zegt de editor het je.
• Een gewone link (<a href="…">) naar YouTube blijft een gewone link. Wil je een kaart, gebruik dan {speler:…}.

Met de knop in de editor

In de werkbalk van de editor staat de knop "Muziek of filmpje". Plak daar je link en klik op "Invoegen": de code {speler:…} komt op de plek van je cursor. Herkent de editor de link niet, dan zegt hij dat meteen.

Een deelcode werkt ook

Bij YouTube, Spotify en SoundCloud kun je ook kiezen voor Insluiten. Je krijgt dan een code met <iframe>. Die mag je gewoon plakken: het filter maakt er dezelfde kaart van. De breedte, de hoogte en dingen als autoplay vallen daarbij weg. Oude codes van toen, met <embed> of <object> en een YouTube-link, worden ook een kaart.

<iframe src="https://open.spotify.com/embed/track/JouwEigenNummerSpotify" width="100%" height="152" frameborder="0" allow="autoplay; encrypted-media" loading="lazy"></iframe>

Een plek voor de kaart

Een filmpje is breed (16 bij 9) en een nummer van Spotify of SoundCloud is een strook. Beide zijn hooguit 560 pixels breed. Je kunt de kaart in het midden zetten, of er een kopje boven zetten.

<center>
<b>Mijn liedje van de week</b><br>
{speler:https://soundcloud.com/jouwnaam/jouwnummer}
</center>

• Zet de kaart niet in een hokje dat te klein is, en leg er niets overheen. De kaart moet goed te zien zijn: anders opent een klik de link in een nieuw tabblad, in plaats van de speler.
• Op een pagina passen hooguit 10 kaarten. Wat erna komt, wordt een gewone link.
• In de eenvoudige weergave is de kaart ook een gewone link.

Na de klik

Klikt een bezoeker op de kaart, dan komt de echte speler van YouTube, Spotify of SoundCloud in de kaart, op dezelfde plek en even groot. Andere kaarten blijven gewoon kaarten. Zolang er iets speelt, staat onderin beeld een balkje van de site met de knop "Stop".

Vóór de klik praat de browser van je bezoeker niet met YouTube, Spotify of SoundCloud. YouTube speelt daarna via youtube-nocookie.com; Spotify en SoundCloud kunnen na de klik wel cookies zetten.

Je profielnummer

Eén nummer of filmpje kan bovenaan je profiel staan, onder je naam, op elk tabblad. Ga naar Gegevens & over mij en plak bij "Profielnummer en welkom" de link in het veld "Link naar je profielnummer". Ook dit speelt pas als een bezoeker erop klikt. Met de knop "Profielnummer weghalen" haal je het weer weg.

Je welkomstberichtje

In hetzelfde vak zet je een welkomstberichtje van hooguit 140 tekens. Bezoekers zien het één keer per bezoek, als een balkje boven je tabbladen, en kunnen het wegklikken. {bezoeker} wordt de naam van wie kijkt en {naam} jouw naam, bijvoorbeeld: Hoi {bezoeker}, leuk dat je langskomt! Het is alleen tekst, zonder opmaak.

Wat niet kan

Eigen muziekbestanden, zoals een mp3 of een midi, kunnen niet meer, en muziek die vanzelf begint ook niet. Andere sites dan YouTube, Spotify en SoundCloud, zoals Vimeo, werken niet.

<embed src="liedje.mp3" autostart="true" loop="true" hidden="true">
<bgsound src="liedje.mid" loop="infinite">