Blog

Embedding Music On Your Page

1.

Head on over to your profile editing section. It can be found by clicking 'options' at the top of your page, or clicking here.

You will notice a new section on this page now, titled "Music embed here".

***Note, placing a general YouTube URL here will not work.

It still needs to be in the proper code format.***

 

2.

Once you have your embedded code, paste it into this text box. An example is shown below:

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/FKcDtEtT3wU?rel=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

 

***Note: the bolded portion is what you will change in order to switch the video that will play. The digits FKcDtEtT3w are unique to the video, so those may be replaced in order to efficiently change this.***

Secondly, The portion that states ?rel=0&amp;autoplay=1 after your URL is necessary in order to have videos autoplay. Make sure autoplay=1 if you want your video to immediately play upon visiting your page, or autoplay=0 if you do not want it to.

 

3.

If your code for embedding was done correctly, the end result should be something similar to the image above.

 

4.

What if you don't want your profile section/video section to show?

If you want to hide this portion of your page, place this code within your CSS section alongside any other codes that hide portions of your page:

 

/* Hides about section */

.section-member-about{ display:none !Important; }

 

This will effectively hide the YouTube embed box from your page- but, remember that this also means your page visitors will have to mute the tab and/or turn off sound if they do not want to listen. They also cannot click on the video if they wanted to replay it, all the same. Food for thought!

 

Please leave a comment if you have any questions.

E-mail me when people leave their comments –

You need to be a member of Writer's Realm - Roleplay to add comments!

Join Writer's Realm - Roleplay

Comments

  • Just to add, I think YouTube has changed their embedded link as well to where it doesn't include the link style like it was in this post. To make it work like before, get the string of characters after the link that are unique to the video and leave it. It's the quotation mark AFTER that where you can copy and paste the rest of that lovely stuff as sen above to make ti work. At least, that's how it is for me when I use FireFox and Microsoft Edge aka Internet Explorer. <3

    • Ye, this blog o' mine has come to be a tad outdated, if anything thank you for the reminder to take it down xD It was a rather 'intermediate' fix for a problem that isn't currently there. But a general youtube embed blog/post would be convenient.

    • I am glad to remind you I guess? XD lol

  • || Oh that's neat!! Cool!!

  • To add to that Chrome's new policy is breaking many browser based games. We don't expect it to stay this way forever! They'll probably roll out some updates eventually to fix certain things.

  • Tester

    If your video still isn't autoplaying in Chrome its because Chrome has changed its autoplay policy as of April first copy and paste this into your Chrome Url bar and select 'no user guesture required'

    chrome://flags/#autoplay-policy

    That will fix autoplay issues for your device in specifc meaning other people will have to enable this if they are also on google chome to hear your autoplay. The code above tricks Chrome into allowing autoplay sometimes, but from experience Chrome catches up. Doing the gesture decline or both the above and my way should fix it for good.

This reply was deleted.