Best way to scroll YouTube videos?

[endo]

I couldn't find any info on this, and just wondered if anyone here has done this on their forum, or knows someone that has. Basically, I want a scrolling, or marquee type setup at the top of my forum to place smaller sized YouTube videos in to show upcoming movie trailers.

I found a scrolling marquee code, and that kind of worked, but the videos didn't look uniform, if that makes sense. Plus, there was no way to stop the scrolling, meaning if someone wanted to watch the video, it wouldn't stop moving to do so.
Just looking for the bast way to do this.

I've thought of resizing the videos and adding them to the news fader too. I'll try that next. Looking for something that could go into the header of Version 5 as well.
Just looking for any advice anyone can offer. Thanks.

[The Dark Knight]

What code are you using to embed the videos?

[endo]

Hi, and thanks for the response The Dark Knight,

Currently just using YouTubes embed code in the main header of the forum. But, I was wondering if there would be a way to have numerous videos at the top of the forum that scrolled, and stopped when people moused over them.
I'm not the best with this type of thing, so I hope I'm explaining this right.

[The Dark Knight]

You're explaining it fine, you mentioned that the videos weren't coming up the right size, but you'll see that the embed code itself has the video dimensions in it that you can customize. If you've got that part figured out we can move to the next.

[endo]

I realized I could re-size the videos in the embed code after I posted the first time, lol. Just forgot to edit the post. I actually had them sized to fit three videos up at once, but they were small and left a lot to be desired detail wise.

If they would scroll, allowing me to keep them sized larger, that would be ideal.

[The Dark Knight]

Jan 16, 2013 18:47:35 GMT -8 endo said:

I realized I could re-size the videos in the embed code after I posted the first time, lol. Just forgot to edit the post. I actually had them sized to fit three videos up at once, but they were small and left a lot to be desired detail wise.

If they would scroll, allowing me to keep them sized larger, that would be ideal.

You can size them as much as you want, I don't see a problem with that, it'll embed at whatever size you'd like it to be embed in.

Also, I'm not 100% sure about a movie to stop the marquee from scrolling once someone starts watching a video, but there's a way for you to stop the marquee from scrolling once someone takes their mouse into your marquee box. So once their mouse goes over the video, it stops, and once they take their mouse out of the marquee area, it starts scrolling again.

Marquees are horrible by the way, no one likes to use them anymore.

Anyway, here's the code for you to make the marquee stop when someone hovers the mouse over the marquee, and starts again once the mouse moves out.


<marquee onmouseover="this.stop();"  önmouseout="this.start();">MARQUEE INFO HERE</marquee>

[endo]

Is there another or better way to do this? I just wanted something different for the forum with V5 happening and all. I'd certainly welcome any advice you could offer on a better way, I don't have much of a clue about this.

Thank you for the code, BTW:)


EDIT: After actually applying the marquee code and adding a video, it kind of looks...off. I wish there were a way to do this, but make it look like it was a part of the forum, not an add on.

horrorsonline.freemessageboards.com/

[The Dark Knight]

Jan 16, 2013 18:58:43 GMT -8 endo said:

Is there another or better way to do this? I just wanted something different for the forum with V5 happening and all. I'd certainly welcome any advice you could offer on a better way, I don't have much of a clue about this.

Thank you for the code, BTW:)


EDIT: After actually applying the marquee code and adding a video, it kind of looks...off. I wish there were a way to do this, but make it look like it was a part of the forum, not an add on.

horrorsonline.freemessageboards.com/

Haha, that's exactly what marquee codes usually end up like. To be honest with you, I wouldn't use Marquee at all. I wouldn't have it scrolling, instead, I'd probably just embed two videos side by side up top over there, just pick two and you can change them every week or whatever. At the moment you've got only one, so I don't see why you want it to scroll at all.

Another thing you could do is, you could have 5-6 videos that you want to show, and each time the users visits the page, it loads a new video. Random choice, it picks one out of the six on each page refresh. Would you like that better?

[endo]

Jan 16, 2013 19:16:50 GMT -8 The Dark Knight said:

Jan 16, 2013 18:58:43 GMT -8 endo said:

Is there another or better way to do this? I just wanted something different for the forum with V5 happening and all. I'd certainly welcome any advice you could offer on a better way, I don't have much of a clue about this.

Thank you for the code, BTW:)


EDIT: After actually applying the marquee code and adding a video, it kind of looks...off. I wish there were a way to do this, but make it look like it was a part of the forum, not an add on.

horrorsonline.freemessageboards.com/

Haha, that's exactly what marquee codes usually end up like. To be honest with you, I wouldn't use Marquee at all. I wouldn't have it scrolling, instead, I'd probably just embed two videos side by side up top over there, just pick two and you can change them every week or whatever. At the moment you've got only one, so I don't see why you want it to scroll at all.

Another thing you could do is, you could have 5-6 videos that you want to show, and each time the users visits the page, it loads a new video. Random choice, it picks one out of the six on each page refresh. Would you like that better?

I only put one up just to get a feel for it. But what you are suggesting sounds like exactly what I was looking for.
That would be great, thanks very much.

[The Dark Knight]

Jan 16, 2013 19:20:33 GMT -8 endo said:

Jan 16, 2013 19:16:50 GMT -8 The Dark Knight said:

Haha, that's exactly what marquee codes usually end up like. To be honest with you, I wouldn't use Marquee at all. I wouldn't have it scrolling, instead, I'd probably just embed two videos side by side up top over there, just pick two and you can change them every week or whatever. At the moment you've got only one, so I don't see why you want it to scroll at all.

Another thing you could do is, you could have 5-6 videos that you want to show, and each time the users visits the page, it loads a new video. Random choice, it picks one out of the six on each page refresh. Would you like that better?

I only put one up just to get a feel for it. But what you are suggesting sounds like exactly what I was looking for.
That would be great, thanks very much.

Okay, let me know if this works. And tell me if this is what you're looking for.


<script type="text/javascript">

var video = newArray();
var select=0;

video[0] = "HTML EMBED CODE HERE";
video[1] = "HTML EMBED CODE HERE";
video[2] = "HTML EMBED CODE HERE";
video[3] = "HTML EMBED CODE HERE";

select = Math.floor(Math.random() * video.length);

document.write(video[select]);

</script>


[endo]

The Dark Knight,

For some reason, I can't get anything to show.

[The Dark Knight]

Jan 16, 2013 19:45:01 GMT -8 endo said:

The Dark Knight,

For some reason, I can't get anything to show.

Can you paste the code you're using here?

[endo]

This is the code you posted with the Youtube embed codes. I probably have something set wrong, or not set at all.



<script type="text/javascript">

var video = newArray();
var select=0;

video[0] = "<iframe width="560" height="200" src="http://www.youtube.com/embed/7Am7i7uM9r0" frameborder="0" allowfullscreen></iframe>";
video[1] = "<iframe width="560" height="200" src="http://www.youtube.com/embed/ceBXUyuv4Q0" frameborder="0" allowfullscreen></iframe>";
video[2] = "HTML EMBED CODE HERE";
video[3] = "HTML EMBED CODE HERE";

select = Math.floor(Math.random() * images.length);

document.write(video[select]);

</script>

[The Dark Knight]

Alright, simplified this a little for you.


<iframe id="my_video_player" width="560" height="200" frameborder="0" allowfullscreen></iframe>

<script type="text/javascript">

var video = new Array();
video[0] = "http://www.youtube.com/embed/7Am7i7uM9r0";
video[1] = "http://www.youtube.com/embed/ceBXUyuv4Q0";

var maxVideo = video.length - 1;

(function() {
var selection = Math.round(Math.random() * maxVideo);
document.getElementById("my_video_player").src = video[selection];
})();

</script>


Let me know if you need further help with this.

[endo]

Thanks a lot!! That did it. I appreciate all the help:)