Forums / Maintenance / Report Problems

27,697 total conversations in 1,731 threads

+ New Thread


Youtube Video Embedding Tips and Tricks

Last posted Jun 24, 2012 at 12:19AM EDT. Added Jul 03, 2011 at 12:33AM EDT
26 posts from 20 users

How to Embed a Video


When I say to add a bit of code to the end of the URL, you shoudl find where it says "youtube.com/embed/abc123" and put your new bits of code at the end of that. With the old embed code, there are two locations that such a thing is found, and you must place your code at the end of both URLs. Most of these commands only work with the old embed code, and I suggest that you use that one.
.
Forcing a Video to Start at a Specific Time
Add #t=?m?s to the end of the URL when embedding to force a youtube video to start at a specific number of minutes and seconds in, replacing the question marks with numbers, like so:


.
Making a Video Loop
Add &loop=1 to the end of the URL to force a video to loop. Like so:


.
Making a Video Autoplay
Do not do this on the forums. Or in a meme entry. Only on your wall.

Add the line &autoplay=1 to the end of the URL. I won't be putting an example here, but I think you get the idea.

.
Making a Video Invisible

As you can see from this code,
<object width="425" height="349"><param name="movie" value="https://www.youtube.com/v/lgb6peaKCSc?version=3&amp;hl=en_US&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="https://www.youtube.com/v/lgb6peaKCSc?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
…there is an option to change the frame width and height. Simply change each of these to 1 and the video will appear as a period, a small little black dot.

Last edited Jul 03, 2011 at 12:48AM EDT

This is the exact code I use on my wall for invisible, looping, autoplaying videos. Copy it letter for letter into your wall (do not use the return key to go to the next line; it is all one line) and replace the Youtube URL identifier thing with your own video's URL code.
.
This will most certainly work, without a doubt.

Last edited Jul 10, 2011 at 03:03PM EDT

I did a bit of toying around with embedding youtube code on my wall. This is the shortest you can possibly make a looping autoplaying invisible video:

<embed src="https://www.youtube.com/v/AAIn1XjBDrE&autoplay=1&loop=1" width="0" height="0"></embed>

Saves a whole lot of space, and you can more clearly see where to put things.

edit: I would appreciate if a mod edited the OP to include this post at the end, after the "Making a Video Invisible" part.

Last edited Jul 16, 2011 at 05:20PM EDT

Syndic's posts (Please give any karma to Syndic)^^
Post 1

How to Embed a Video


When I say to add a bit of code to the end of the URL, you shoudl find where it says "youtube.com/embed/abc123" and put your new bits of code at the end of that. With the old embed code, there are two locations that such a thing is found, and you must place your code at the end of both URLs. Most of these commands only work with the old embed code, and I suggest that you use that one.
.
Forcing a Video to Start at a Specific Time
Add #t=?m?s to the end of the URL when embedding to force a youtube video to start at a specific number of minutes and seconds in, replacing the question marks with numbers, like so:


.
Making a Video Loop
Add &loop=1 to the end of the URL to force a video to loop. Like so:


.
Making a Video Autoplay
Do not do this on the forums. Or in a meme entry. Only on your wall.

Add the line &autoplay=1 to the end of the URL. I won't be putting an example here, but I think you get the idea.

.
Making a Video Invisible

As you can see from this code,
<object width="425" height="349"><param name="movie" value="https://www.youtube.com/v/lgb6peaKCSc?version=3&amp;hl=en_US&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="https://www.youtube.com/v/lgb6peaKCSc?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="425" height="349" allowscriptaccess="always" allowfullscreen="true"></embed></object>
…there is an option to change the frame width and height. Simply change each of these to 1 and the video will appear as a period, a small little black dot.


Post 2

This is the exact code I use on my wall for invisible, looping, autoplaying videos. Copy it letter for letter into your wall (do not use the return key to go to the next line; it is all one line) and replace the Youtube URL identifier thing with your own video's URL code.
.
This will most certainly work, without a doubt.


Post 3
I did a bit of toying around with embedding youtube code on my wall. This is the shortest you can possibly make a looping autoplaying invisible video:

<embed src="https://www.youtube.com/v/AAIn1XjBDrE&autoplay=1&loop=1" width="0" height="0"></embed>

Saves a whole lot of space, and you can more clearly see where to put things.

edit: I would appreciate if a mod edited the OP to include this post at the end, after the "Making a Video Invisible" part.

Last edited Oct 23, 2011 at 10:37PM EDT

When you click the Share button, the HTML code used to embed a link that video is displayed directly below it, however that's not what we are after--we want to directly embed the video into the page. We do that by clicking the Embed button which is displayed directly below the Link URL.

Last edited Dec 15, 2011 at 05:07PM EST

Small update on autplaying vids for your profile with the smaller codes.

The new template of Youtube doesn’t add the question mark anymore when embing vids. You now have to add this yourself.

<iframe width="420" height="315" src="https://www.youtube.com/embed/BzAs1vMymtg"></iframe>

So now you have to add ?autoplay=1 or ?start=X behind the Url in the embed code.

So starting at 25 seconds on autoplay gives.

<iframe width="420" height="315" src="https://www.youtube.com/embed/BzAs1vMymtg?autoplay=1&start=25"></iframe>


I also placed this in the other HTML/Textile Thread.

Last edited Dec 29, 2011 at 03:22PM EST

If you want to have the so-called "chromeless" player, without the bar or title (like the video below), you can use this code:

<iframe width="XXX" height="XXX" src="https://www.youtube.com/embed/XXXXXXXXXX?&fs=1&rel=0&showinfo=0&controls=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>

Where you can set your own width/height, and the XXXXXXXXXX is the video title.

Example:

Last edited Dec 31, 2011 at 12:34AM EST

Vinticore | ɘɿoɔiƚniV wrote:

Sweet it worked, many thanks :)

I'm glad you liked it, but please don't try it in this thread again. If you wish to try to see if it worked, just delete the post afterwards.

Slendy wrote:

anyway to make a video auto-play and start at a certain point?

add ?autoplay=1&start=X behind the url in the embed code. X being in seconds.

<iframe width="420" height="315" src="https://www.youtube.com/embed/BzAs1vMymtg?autoplay=1&amp;start=25"></iframe>


I believe I already covered this in the other textile thread a while back, so please check both first next time.

Last edited Feb 17, 2012 at 06:37PM EST

A quick addition to the autoplaying videos for user profiles: most people leave the video controls up as a courtesy for those who don't want the music (or want to adjust the volume, etc). To do this, change the width & height values in the embed code as mentioned above for making the video invisible. For best results I recommend setting width to 300 and height to 35.

Also, there are two sets of values for width & height, but only the second set matters for this.

Last edited Feb 27, 2012 at 01:52AM EST
Skeletor-sm

This thread is closed to new posts.

Old threads normally auto-close after 30 days of inactivity.

Why don't you start a new thread instead?

Hauu! You must login or signup first!