The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Small YouTube Player Embed Code

Go down

Small YouTube Player Embed Code

Post by Chellizard on September 28th 2017, 1:05 am

Hi there guys!!

Today I have made for you a code to use a very small player on forumotion forums!

The code is listed below!

Code:
<div style="position:relative;width:290px;height:28px;overflow:hidden;">
  <div style="position:absolute;top:-300px;left:-4px">
    <iframe width="300" height="300" src="https://www.youtube.com/embed/YOUTUBE_ID?autoplay=1">
    </iframe>
  </div>
</div>

In order to use this code, you must replace "YOUTUBE_ID" with the video ID tag that you can find on the end of URL's

EXAMPLE:




Here is what it appears as on the forum:


And what it looks like if you hover over it:


You can put virtually any song you want to listen to in the tag!

You can also take away part of the code so that it does not autoplay!

All you have to remove is this part of the code:

Code:
?autoplay=1


(:

Have a good day.
avatar
Chellizard
Forumember

Female Posts : 137
Reputation : 12
Language : English

http://superhero-rpg.com

Back to top Go down

Re: Small YouTube Player Embed Code

Post by SLGray on September 28th 2017, 2:53 am

The hover over it is not working for me.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 42731
Reputation : 3010
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Small YouTube Player Embed Code

Post by Chellizard on September 28th 2017, 4:42 am

@SLGray wrote:The hover over it is not working for me.

Hmm... I am not a code expert. Just kind of worked with what little I know. Maybe someone can help you figure it out?
avatar
Chellizard
Forumember

Female Posts : 137
Reputation : 12
Language : English

http://superhero-rpg.com

Back to top Go down

Re: Small YouTube Player Embed Code

Post by Luffy on September 28th 2017, 9:16 am

@SLGray wrote:The hover over it is not working for me.
Which hover over is not working @SLGray?



avatar
Luffy
Manager
Manager

Male Posts : 5265
Reputation : 565
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Re: Small YouTube Player Embed Code

Post by SLGray on September 28th 2017, 4:58 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 42731
Reputation : 3010
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Re: Small YouTube Player Embed Code

Post by YoshiGM on October 7th 2017, 10:46 pm

As @SLGray, your code don't worked for me! But i found a generator for embbeding a Youtube
http://www.vtubetools.com/ (Forgive me if this is spam)

You can go here, paste your video url and edit the settings of the player Wink
Once you have configured all of your player, just click on Generate code or you can see a preview of how it will see appear!

Then copy "iframe" code and you done.
avatar
YoshiGM
Forumember

Male Posts : 712
Reputation : 97
Language : Spanish, English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum