Archief - Phpbb3 - youtube video titel weergeven onder video

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
L

Levicious

Legacy Member
Beste 9livers,

Ik heb een forum dat draait op phpbb3 : Vette schijven.be - Index page
Mensen kunnen muziek posten op het forum met een embed youtube BB CODE.

Nu had ik graag gehad dat de titel van dat filmpje ( meestal titel en artiest dus ) ook nog eens onder de video komt te staan.
Dit omdat de search van phpbb3 de titels vd filmpjes niet meepakt in de search omdat die zogezegd niet in het bericht staan.

Enig idee? Is dit gewoon de BBCODE aanpassen?

Code: 
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/{SIMPLETEXT}"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}" /></object>

Dit is hetgeen dat ik momenteel gebruik :)
d

demon326

Legacy Member
Levicious zei:
Beste 9livers,

Ik heb een forum dat draait op phpbb3 : Vette schijven.be - Index page
Mensen kunnen muziek posten op het forum met een embed youtube BB CODE.

Nu had ik graag gehad dat de titel van dat filmpje ( meestal titel en artiest dus ) ook nog eens onder de video komt te staan.
Dit omdat de search van phpbb3 de titels vd filmpjes niet meepakt in de search omdat die zogezegd niet in het bericht staan.

Enig idee? Is dit gewoon de BBCODE aanpassen?

Code: 
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/{SIMPLETEXT}"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}" /></object>

Dit is hetgeen dat ik momenteel gebruik :)
Klik om te vergroten...

Een oplossing zou zijn om de gebruiker de volgende tag te laten gebruiken:
Code: 
[youtube="{SIMPLETEXT2}"]<uw huidige replacement ding>[/youtube]

Code: 
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/{SIMPLETEXT}"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}" /></object>
<span>{SIMPLETEXT2}]</span>

Should work, de gebruiker moet dan wel handmatig de titel aanpassen en oude youtube bbcode werkt dan niet meer... de oplossing zou zijn de oude te laten staan, maar verbergen op het post form en de nieuwe bbcode in de plaats zetten :)
b

bealzebub

Legacy Member
Levicious zei:
Enig idee? Is dit gewoon de BBCODE aanpassen?

Code: 
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/{SIMPLETEXT}"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}" /></object>

Dit is hetgeen dat ik momenteel gebruik :)
Klik om te vergroten...

Je zou kunnen proberen met hetvolgende (ik neem aan dat jQuery ook in je pagina ingeladen wordt). Je voegt dat gewoon in die BBCODE code vertaling bij onder da object. Geen idee of het zal werken, maar als het nie werkt ligt het puur aan die phpBB bbcode zever. Het kan ook zijn dat die document.write een slecht idee is eerlijk gezegd (aangezien het async is kan het gelijk waar opduiken, maar je moet dan maar een andere manier zoeken of nog eens om hulp vragen eens je wat verder staat ;)

(en voor de anderen, ja, youtube api ondersteunt CORS, dus je kan perfect een normale AJAX request naar hun domein doen, pretty neat)

Code: 
<script type="text/javascript" charset="utf-8">
  $.getJSON("http://gdata.youtube.com/feeds/api/videos/{SIMPLETEXT}?v=2&alt=jsonc", function(video) {
    document.write('<p>'+video.data.title+'</p>');
    }
  );
</script>

Een voorbeeld van de JSON die je via die youtube API terugkrijgt:

Code: 
  "apiVersion": "2.1",
  "data": {
    "id": "ybq23Qg5--Y",
    "uploaded": "2013-01-26T17:30:13.000Z",
    "updated": "2013-01-26T20:55:45.000Z",
    "uploader": "machinimaprime",
    "category": "Entertainment",
    "title": "\"Girls Wash Cars\" - Prank Lab bonus 18",
    "description": "This is just hot girls washing cars. Nothing more. Nothing less.\n\nhttp://www.youtube.com/subscription_center?add_user=machinimaprime\nSubscribe to Machinima Prime for the best of Machinima's new shows!\n\n\"Girls Wash Cars\" - Prank Lab bonus 18\n\n- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -\n\nFOR MACHINIMA'S BEST HIGH QUALITY SERIES, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimaprime\n\nFOR MORE MACHINIMA, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinima\n\nFOR MORE GAMEPLAY, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimarespawn\n\nFOR MORE SPORTS GAMEPLAY, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimasports\n\nFOR MORE MMO & RPG GAMEPLAY, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimarealm\n\nFOR MORE COMPETITIVE GAMING, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimavs\n\nFOR MORE ANIMATIONS & SHORTS, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=happyhour\n\nFOR MORE TRAILERS, GO TO:\nhttp://www.youtube.com/subscription_center?add_user=machinimatrailer\n\nWANT TO JOIN THE MACHINIMA AFFILIATE PROGRAM? FILL OUT AN APPLICATION HERE:\nLink: http://bit.ly/13ACBHg",
    "thumbnail": {
      "sqDefault": "http://i.ytimg.com/vi/ybq23Qg5--Y/default.jpg",
      "hqDefault": "http://i.ytimg.com/vi/ybq23Qg5--Y/hqdefault.jpg"
    },
    "player": {
      "default": "http://www.youtube.com/watch?v=ybq23Qg5--Y&feature=youtube_gdata_player",
      "mobile": "http://m.youtube.com/details?v=ybq23Qg5--Y"
    },
    "content": {
      "5": "http://www.youtube.com/v/ybq23Qg5--Y?version=3&f=videos&app=youtube_gdata",
      "1": "rtsp://v8.cache3.c.youtube.com/CiILENy73wIaGQnm-zkI3ba6yRMYDSANFEgGUgZ2aWRlb3MM/0/0/0/video.3gp",
      "6": "rtsp://v8.cache3.c.youtube.com/CiILENy73wIaGQnm-zkI3ba6yRMYESARFEgGUgZ2aWRlb3MM/0/0/0/video.3gp"
    },
    "duration": 95,
    "aspectRatio": "widescreen",
    "rating": 4.3777776,
    "likeCount": "114",
    "ratingCount": 135,
    "viewCount": 301,
    "favoriteCount": 0,
    "commentCount": 43,
    "accessControl": {
      "comment": "allowed",
      "commentVote": "allowed",
      "videoRespond": "moderated",
      "rate": "allowed",
      "embed": "allowed",
      "list": "allowed",
      "autoPlay": "allowed",
      "syndicate": "allowed"
    }
  }
}
b

bealzebub

Legacy Member
Vervang

Code: 
<script type="text/javascript" charset="utf-8">
  $.getJSON("http://gdata.youtube.com/feeds/api/videos/{SIMPLETEXT}?v=2&alt=jsonc", function(video) {
    document.write('<p>'+video.data.title+'</p>');
    }
  );
</script>

door

Code: 
<p id="youtube-vid-{SIMPLETEXT}"></p>
<script type="text/javascript" charset="utf-8">
  $.getJSON("http://gdata.youtube.com/feeds/api/videos/{SIMPLETEXT}?v=2&alt=jsonc", function(video) {
    $('youtube-vid-{SIMPLETEXT}').html(video.data.title);
    }
  );
</script>

Da zal beter gaan. Eventueel kan je die <p> nog een class meegeven en die dan stylen via CSS.
L

Levicious

Legacy Member
haha veel chinees voor mij.

Dus als ik gewoon uw laatste post bekijk Bealzebub, dan post ik uw gegeven code onder mijn "standaard" code. Lets try

Edit : heb geprobeerd om het eronder te plaatsen maar geen verschil :)
b

bealzebub

Legacy Member
En nochtans werkt het zolang jQuery ook in je pagina geladen wordt. Waarschijnlijk zal dat dus niet in je theme zitten en ga je dus je theme moeten aanpassen om jQuery te laden (en daarna in phpBB administration panel de cache legen zodat de pagina's opnieuw gegenereerd worden). Zonder jQuery (dus in pure Javascript) zou het veel te veel werk zijn om alle browsers te dekken.

Als je niet in staat bent van een jQuery aan je theme toe te voegen, dan vrees ik dat ik je niet verder kan helpen.
L

Levicious

Legacy Member
bealzebub zei:
En nochtans werkt het zolang jQuery ook in je pagina geladen wordt. Waarschijnlijk zal dat dus niet in je theme zitten en ga je dus je theme moeten aanpassen om jQuery te laden (en daarna in phpBB administration panel de cache legen zodat de pagina's opnieuw gegenereerd worden). Zonder jQuery (dus in pure Javascript) zou het veel te veel werk zijn om alle browsers te dekken.

Als je niet in staat bent van een jQuery aan je theme toe te voegen, dan vrees ik dat ik je niet verder kan helpen.
Klik om te vergroten...

Daarvoor ben ik niet in staat jammer genoeg :p
Toch bedankt voor de moeite Bealz
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan