• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 I found a great Youtube channel player script

russoroni

Active member
#1
So I was looking around for a youtube player that had a scrolling list of the most recent videos in the channel and lo and behold!

http://www.jqueryscript.net/demo/Slick-Customizable-jQuery-Youtube-Player-Widget-Youtube-TV/demos/

Cool right?

I put it inside of a conditional to run in one of the ad_ templates. It works but something I'm doing wrong (imagine that) is making it not display properly. Here's what it looks like:

Image 11.gif

Can anyone check this out and get back to me with the code that they got working in xenforo?

Thanks
 

russoroni

Active member
#2
Oh yeah this is what I have in the ad_ template:

Code:
<xen:hook name="ad_forum_view_above_thread_list" />

<xen:if is="in_array({$forum.node_id},  array(87))">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="src/ytv.js"></script>
<div id="demo">
<script>
$(window).load(function(){
$('#demo').ytv({
element: null, // The element or element ID to apply the YouTube TV Player to
user: 'rampantapple', // The Username of the YouTube user you want to display videos from
playlist: '', // The Playlist ID you would like to load
fullscreen: false, // fullscreen
accent: '#fff', // A CSS color string to apply to the accents of the player
controls: true, // Show or hide youtube controls
annotations: false, // Show or hide the annotations from the YouTube video
autoplay: false, // autoplay
chainVideos: true, // If true, the next video in que will automatically play after the current video has completed
browsePlaylists: false, //  If true and the specified user has YouTube playlists, they will be accessible in the player by clicking the users Username
events: { // he respective events will fire when key actions in the player have been called
videoReady: function(){},
stateChange: function(){}
}
});
});
</script>
</div>

</xen:if>