HTML Like button für einzelne Elemente

crazysmoker

crazysmoker

0
Hab auf meiner Seite https://www.facebook.com/freeCRAZYstuff?sk=app_128953167177144 Unter Dokus & Filme so Filme mit Bildvorschau (schnelleres Seitenladen) gemacht.
Jetzt fände ich es natürlich super wenn man jeden einzelnen Film Liken und Kommentieren kann.
Hat jemand ne Idee das umzusetzen?? Hir noch der Code:

Einfach auf die/den jeweilige/n Doku/Film (Bild) klicken, dann auf Play und genießen. <br><b>Viel Spaß und gute Unterhaltung beim Schauen wünscht euch <a href=https://facebook.com/freeCRAZYstuff>New Stuff</a></b> <br><br><b>23 - Nichts ist so wie es scheint - Hacker/Kiffer Film</b> <div onclick="thevid=document.getElementById('40D9C28607F3AF2B'); thevid.style.display='block'; this.style.display='none'"> <img src="https://www.facebook.com/photo.php?fbid=355130524498551&set=a.344391398905797.91192.327581237253480&type=3&theater" style="cursor:pointer" width="420" height="275" /></div> <div id="40D9C28607F3AF2B" style="display:none"> <object width="420" height="275"> <param name="movie" value="http://www.youtube.com/p/91257862BCB9A26E"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/p/91257862BCB9A26E" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true"></embed></object> </div> <br><b>Doku: Hanf - Das Millarden Dollar Kraut</b> <div onclick="thevid=document.getElementById('40D9C28607F3AF2B'); thevid.style.display='block'; this.style.display='none'"> <img src="http://blauehand.files.wordpress.com/2009/08/hemp-educate-yourself.jpg?w=322&h=322" style="cursor:pointer" width="420" height="275" /></div> <div id="40D9C28607F3AF2B" style="display:none"> <object width="420" height="275"> <param name="movie" value="http://www.youtube.com/p/40D9C28607F3AF2B"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/p/40D9C28607F3AF2B" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true"></embed></object> </div> <br> <b>Doku: Die 20 gefährlichsten Drogen der Welt</b> <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"> <img src="http://archiv.kronos-net.de/images/prev/gefaehrlichste_droge.jpg" style="cursor:pointer" width="420" height="275" /></div><div id="thevideo" style="display:none"> <object width="420" height="275"> <param name="movie" value="https://www.youtube.com/p/yLrYdbwfeGs?version=3&hl=de_DE&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/yLrYdbwfeGs?version=3&hl=de_DE&rel=0" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true"></embed></object> </div> <br> <b>Doku: Was Wir Wollen Teil 1 </b> <div onclick="thevid=document.getElementById('34724884'); thevid.style.display='block'; this.style.display='none'"><img src="http://www.3sat.de/imperia/md/images/rubriken/philosophie/2010/10_oktober/1110_teil1_06_n_481x270.jpg" style="cursor:pointer" width="420" height="275" /></div><div id="34724884" style="display:none"> <object width="420" height="275"> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=34724884&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" /> <embed src="http://vimeo.com/moogaloop.swf?clip_id=34724884&server=vimeo.com&show_title=1&show_byline=0&show_portrait=0&color=00adef&fullscreen=1&autoplay=0&loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="420" height="275"></embed></object> </div> <br> <b>Doku: Was Wir Wollen Teil 2 </b> <div onclick="thevid=document.getElementById('AYLmq2YC'); thevid.style.display='block'; this.style.display='none'"> <img src="http://www.3sat.de/imperia/md/images/rubriken/philosophie/2010/10_oktober/1110_teil2_2558_n_481x270.jpg" style="cursor:pointer" width="420" height="275" /></div> <div id="AYLmq2YC" style="display:none"> <object width="420" height="275"><param name="movie" value="http://blip.tv/play/AYLmq2YC"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://blip.tv/play/AYLmq2YC" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div> <br> <b>Doku: Was Wir Wollen Teil 3 </b> <br><div onclick="thevid=document.getElementById('AYLmsgMC'); thevid.style.display='block'; this.style.display='none'"><img src="http://www.3sat.de/imperia/md/images/schwerpunkte2/2011/tw_unser_ich/0712_telefon03_481x270.jpg" style="cursor:pointer" width="420" height="275" /></div><div id="AYLmsgMC" style="display:none"> <object width="420" height="275"><param name="movie" value="http://blip.tv/play/AYLmsgMC"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://blip.tv/play/AYLmsgMC" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div> <br> <b>Doku: <a href=http://www.imdb.de/title/tt0380268/plotsummary><b>Cocain Cowboys</b></a> <div onclick="thevid=document.getElementById('ED7970F287A0A82B'); thevid.style.display='block'; this.style.display='none'"> <img src="http://www9.pic-upload.de/09.01.12/yense8cjdzp6.jpg" style="cursor:pointer" width="420" height="275" /></div> <div id="ED7970F287A0A82B" style="display:none"> <object width="420" height="275"><param name="movie" value="https://www.youtube.com/p/ED7970F287A0A82B"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="https://www.youtube.com/p/ED7970F287A0A82B" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div> <br> <b>Doku: <a href=http://www.imdb.de/title/tt1014762/plotsummary><b>Home</b></a> <div onclick="thevid=document.getElementById('F299255F4AD5DA95'); thevid.style.display='block'; this.style.display='none'"> <img src="http://www9.pic-upload.de/09.01.12/tl6toovq4gtp.jpg" style="cursor:pointer" width="420" height="275" /></div> <div id="F299255F4AD5DA95" style="display:none"> <object width="420" height="275"><param name="movie" value="https://www.youtube.com/p/F299255F4AD5DA95"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="https://www.youtube.com/p/F299255F4AD5DA95" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div> <br> <b>Doku: <a href=http://www.imdb.com/title/tt1506940/plotsummary><b>2012 time for change</b></a> <div onclick="thevid=document.getElementById('bxeb3fdu0yU'); thevid.style.display='block'; this.style.display='none'"> <img src="http://www9.pic-upload.de/16.01.12/huwdhm22yoqg.jpg" style="cursor:pointer" width="420" height="275" /></div> <div id="bxeb3fdu0yU" style="display:none"> <object width="420" height="275"><param name="movie" value="https://www.youtube.com/v/bxeb3fdu0yU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="https://www.youtube.com/v/bxeb3fdu0yU" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div> <br> <b>Film: <a href=http://www.imdb.de/title/tt0414993/plotsummary><b>The Fountain</b></a> <div onclick="thevid=document.getElementById('DwcBWT8LBJA'); thevid.style.display='block'; this.style.display='none'"> <img src="http://www9.pic-upload.de/09.01.12/sponqxeapd2q.jpg" style="cursor:pointer" width="420" height="275" /></div> <div id="DwcBWT8LBJA" style="display:none"> <object width="420" height="275"><param name="movie" value="https://www.youtube.com/v/DwcBWT8LBJA"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="https://www.youtube.com/v/DwcBWT8LBJA" type="application/x-shockwave-flash" width="420" height="275" allowscriptaccess="always" allowfullscreen="true" autostart="false"></embed></object> </div>
 
Da der Code recht unübersichtlich ist aber ich öfters ein Like Button schon eingefügt habe kann ich dir vielleicht helfen.

Beim Likebutton musst du ja immer eine URL angeben die geliked werden soll, setzte dahinter einfach den Namen des Videos also html?VIDEO1 oder eine ID somit kannst du für jedes Video einen einzelnen Like machen. Wie weit das automatisch geparsed wird von den Facebook Bot und die URL postet mit den passenden video kann ich nicht sagen, müsstest du mal ausprobieren.
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben