Tip How To Embed Audio Player in Ebay Listing
There are various plugins available on the net to do just this, but if you are like me and don’t want over bloated content or adverts associated with your player and want more control over your content, then this information might be for you.
Things you will need to do before we can start embeding the player.
In order for us to embed the content on to our Ebay listing we need to have our content uploaded to a live server. If you already have a website , then great all we have to do is upload our content to the site. For those that do not have a live website, there are many free hosting services out there. Just do your research and try a few to find the one that suits you. Some even provide you with your own Domain Name that can be used to access your content online.
Asuming that you now have a server organised so that we can upload our player content to it. We now need our content. Here we will talk about just adding a basic HTML5 player to the server, but this concept is not limited to just basic players. You can use much more complex or dynamic players but here we will just keep things basic.
<source src=”MY-Song.ogg” type=”audio/ogg”>
<source src=”My-Song.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
The code above has a fallback markup for browsers that do not support the HTML5 player. I am asuming that you have your audio files ready in a directory and in the correct format. (There are many free online services that will convert your audio files for you. just search for example “ogg online converter” )Remember that these also have to be uploaded to your server.
Just add this code to a new html5 document between the “<body>” tags. Remember to replace the My-Song, between the quotation marks with your own track file name and the path to the audio files must be correct. (In some instances it is easier to add the full URL path for example “http//:MyWebsite.com/My-Song.mp3”. More info about the basic HTML5 audio tag here
Once you have setup the page just title it with what ever name you want for example “basic-player.html” and save the page ready to upload to your server.
Now upload this page to your server. Preview the page on your server just to make sure that the player is displaying and working the way that you want. Importantly make sure that you take a note of the URL to this page that has been uploaded by copying the URL from the address bar at the top of the browser.
In order to embed our player to our Ebay listing we need to use the “<object>” tag Note: Iframes can not be used on Ebaylistings so this is a workaround.
Use code as follows, you will need to replace the source to your hosted player content page, between the quotation marks in this code.
<object data=”http://My-Website-dot-com/basic-player.html” height=”200″ width=”500″></object>
This code should be copied and pasted/ placed in the HTML section when in edit mode for your listing on Ebay. (Note: not in design mode) When you preview the listing you should see the player embeded on the listing where you placed the code. Note if you happen to see scrollbars in preview then you may have to adjust the height and width sizes to loose these if they are not desirable.
This same principle can also be used to display your large images or even video content on Ebay. Providing the content that you are displaying is relevant to the listing and will help to describe and enhance the sale of the item you should be okay to use this. Please be aware of copyright issues when sharing certain content publicly.
if you follow the procedures in this section you should not have any problems. If you require any further help then please do not hesitate to contact me.