Bookmark This

How To Embed MP3/YouTube Videos On Your Site/Blog Using Yahoo Media Player


Uptade: Yahoo Media Player has been discontinued as of June 30, 2013.

Hello Readers!
Yahoo Media Player is a great media player for sites and blogs. You can easily embed your MP3, WMA music files and YouTube videos on Yahoo Media Player. Here is an easy step to step guide about how to embed your media files on your blog using Yahoo Media Player.

The Yahoo Media Player is currently available in 2 colors, ''Black'' and "Silver''.

If you want to use Yahoo Media Player for only 1 time on your site or blog and do not know how to edit HTML, then use this code:

<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>
<a href="Your MP3 URL Here ">Track Name Here</a>

Replace the first red text with ''Direct MP3 URL'', for example:

http://example.mp3

Note: If you add the Yahoo Media Player using javascript(JS file) in posts lots of time, the site/blog may load slowly. The best way to add Yahoo Media Player with no lags is to add it into the HTML.


Adding Yahoo Media Player Code:





Black Player code



<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>

Silver Player code



<script type="text/javascript"> var YWPParams = { theme: "silver" }; </script>
<script type="text/javascript" src="http://webplayer.yahooapis.com/player-beta.js"></script>

Websites:

Paste the code just above </body> tag .

Blogger:

Go to the "Design" tab and click "Edit HTML".Press Ctrl+F from your keyboard find tag and paste the player code just above </body> tag "Save Template".

WordPress:

Go to "Edit Themes" and click on the "Footer" template. Paste the code just above the closing </body> tag and click "update file".

Tumblr:

Go to your Dashboard and click the "Customize" link. Next, click "Theme", then click "Enable custom HTML". Scroll down to find the tag, paste the player code just above it and then save your changes.

Adding MP3/YouTube Video to your post:


To Add MP3/WMA

<a href="MP3/WMA File URL Here">Track Name Here</a>

To Add YouTube Video

<a href="YouTube Video URL Here">Video Name Here</a>

Adding MP3/WMA file with album Art

<a href="MP3/WMA File URL Here"><img src="Image URL Here" alt="" style="display:none" />Track Name Here</a>

Note: Add these codes in ''HTML Mode'' of your post.

Live Demo




If you have any problems or need more help, feel free to ask.
~Muhammad Junaid~
author

Muhammad Junaid

Muhammad Junaid is the writer of Entertainment Ghost. He writes articles, reviews, previews and entertainment news about gaming, technology, the media and so on. You can follow him on Twitter @Mr_MJunaid and Facebook MJunaid


Published On Entertainment Ghost At Friday, December 09, 2011