Gladiolus
Role : Designer & Coder Location : United States
| Subject: Custom Music Buttons / gaf210 Sun Mar 27, 2016 2:11 pm | |
| HOW TO: MAKE A CUSTOM MUSIC BUTTON
Tutorial Author: @Gladiolus // Category: HBAD gaf10's Website, YouTube |
STEP 1 Making a Youtube Playlist / grabbing a Youtube Video
Find Youtube’s website and create a video playlist, or choose your favorite song.
| |
STEP 2 Choosing Your Custom Play Button
Find or create your “play/pause” button. This step can be achieved by Google search or creating and uploading your own design. For this project, you will need direct URL’s for each button image.
| |
STEP 3 Finding the Youtube Generator - via gaf210’s site.
gaf210’s Youtube Play Generator can be found: gaf210.imvustylez.net > Under the “Generators” Menu Option > “Youtube Player Generator”
| |
STEP 4 Adding Your Video Elements to the Generator
Select your proper mode (in this project, we chose “Playlist”). This project can also work for the “Single Video” option. - Then select “Button” mode.
| |
STEP 5 Adding Your Buttons to the Generator & Final Steps
Using the direct links we talked about in Step 2, paste your play/pause button links in their respective generator slots. After choosing your “Autoplay” and “Repeat” setting, you’re read to click “GENERATE!” The code will appear at the bottom and is ready to add into your coding.
| |
TUTORIAL F.A.Q.
QUESTION: "ARE THERE FREE BUTTONS?" We have a set available you to reuse / redesign as you need!
QUESTION: "DO I HAVE TO HAVE A PLAYLIST?" No, this project works with just the "Single Video" option.
QUESTION: "HOW DO I GET THE VIDEO URL?" You should be able to take the URL form the address bar, at the top of you browser.
|
|
|
|