Automatisch YouTube video's
- Onderwerp starter Venga
- Startdatum
- Status
Deze vraag is heel onduidelijk, kan je ff goed uitleggen wat nou de bedoeling is?
Je hebt je eigen channel op youtube met videos en deze wil je tonen op een bepaalde site?
Hoe heb je dit op dit moment geregeld? Werk je met een youtube API?
Of voer je alles handmatig nu in?
Je hebt je eigen channel op youtube met videos en deze wil je tonen op een bepaalde site?
Hoe heb je dit op dit moment geregeld? Werk je met een youtube API?
Of voer je alles handmatig nu in?
Embed Code
Beetje onduidelijke vraag, maar ik denk dat ik het snap wat je wilt.
je hoeft de youtube videos niet de downloaden om ze op je website te zetten, dit gedaan worden doormiddel van iframe's.
op youtube bij welke video dan ook kan je op delen klikken en dan staat er naast insluiten, in het engels heet dit een embed. Als je hier op klikt krijg je automatisch een iframe van youtube. Voeg deze toe in je HTML code en het werkt.
Je zou eventueel wat parameters aan kunnen passen zoals de hoogte en breedte maar ook of de video in fullscreen mag.
Alsjeblieft
Beetje onduidelijke vraag, maar ik denk dat ik het snap wat je wilt.
je hoeft de youtube videos niet de downloaden om ze op je website te zetten, dit gedaan worden doormiddel van iframe's.
op youtube bij welke video dan ook kan je op delen klikken en dan staat er naast insluiten, in het engels heet dit een embed. Als je hier op klikt krijg je automatisch een iframe van youtube. Voeg deze toe in je HTML code en het werkt.
Je zou eventueel wat parameters aan kunnen passen zoals de hoogte en breedte maar ook of de video in fullscreen mag.
Alsjeblieft
Laatst bewerkt:
TS
TS
Venga
Gebruiker
- Lid geworden
- 11 jun 2014
- Berichten
- 890
Bedankt voor je reactie, maar dat wist ik al. Ik bedoel te zeggen dat het als ik dit elke keer opnieuw voor elke video moet doen het een beetje veel werk wordt, dus zoek ik een manier om dit automatisch te doen.
Oh oke dan snap ik wat je bedoeld.
Probeer dit hieronder eens
Code:
<!DOCTYPE html>
<html>
<head>
<title>YouTube Recent Upload Thing</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
</head>
<body>
<div id="static_video"></div>
<script type="text/javascript">
function showVideo(response) {
if(response.data && response.data.items) {
var items = response.data.items;
if(items.length>0) {
var item = items[0];
var videoid = "http://www.youtube.com/embed/"+item.id;
console.log("Latest ID: '"+videoid+"'");
var video = "<iframe width='420' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>";
$('#static_video').html(video);
}
}
}
</script>
<script type="text/javascript" src="https://gdata.youtube.com/feeds/api/users/urusernamehere/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=showVideo"></script>
</body>
</html>
TS
TS
Venga
Gebruiker
- Lid geworden
- 11 jun 2014
- Berichten
- 890
Hmmm, ik heb 'm in m'n site gezet, maar ik zie helemaal niets, of doe ik iets verkeerd?
Wordpress post gemaakt, ipv Visual, Text geselecteerd, je code geplakt, m'n urusernamehere veranderd in mijn kanaal, gepubliceerd, resultaat: helemaal niets...
Wordpress post gemaakt, ipv Visual, Text geselecteerd, je code geplakt, m'n urusernamehere veranderd in mijn kanaal, gepubliceerd, resultaat: helemaal niets...
Dat komt waarschijnlijk omdat je wordpress gebruikt, ik heb het in een normaal html bestand gezet en het werkt perfect en laat automatisch de nieuwste video zien die geupload is.
Ik heb geen ervaring met wordpress maar dit is wat je misschien zou kunnen proberen, ik denk dat je niet een hele html code kan toevoegen in wordpress namelijk
[JS]
<script type="text/javascript">
function showVideo(response) {
if(response.data && response.data.items) {
var items = response.data.items;
if(items.length>0) {
var item = items[0];
var videoid = "http://www.youtube.com/embed/"+item.id;
console.log("Latest ID: '"+videoid+"'");
var video = "<iframe width='420' height='315' src='"+videoid+"' frameborder='0' allowfullscreen></iframe>";
$('#static_video').html(video);
}
}
}
</script>
<script type="text/javascript" src="https://gdata.youtube.com/feeds/api/users/urusername/uploads?max-results=1&orderby=published&v=2&alt=jsonc&callback=showVideo"></script>
[/JS]
- Status
