To disable the download button for HTML5 audio and video player add the following to your tag to your audio node.
<audio controls controlsList="nodownload"><source src="song.mp3" type="audio/mpeg"></audio>
<video controls controlsList="nodownload"><source src="video.mp4" type="video/mp4"></video>
Made by - YouTube or Vimeo Code Converter for eBay 2018 - 2020
<!-- BEGIN HTML5 AUDIO --><div style="width:320px;font-family:arial;text-align:center;margin:auto;"><span>Play sound:</span><audio controls><source src="https://s3.eu-central-1.amazonaws.com/vidyou-static-assets-prod/audio/u/au/5e/ca/d4/audio-5ecad412-7c7a-4181-8e8d-2f7a55b10255.mp3" type="audio/mpeg"></audio></div><!-- END HTML5 AUDIO -->
HTML Video Player
<!-- BEGIN HTML5 VIDEO --><div style="width:320px;font-family:arial;text-align:center;margin:auto;"><span>Watch Video</span><video controls height="240" width="320"><source src="https://cdn.create.vidyou.co/video/5e/38/16/video-5e3816ca-f4bd-4c4a-8396-c9e05e4a5fbc/original.mp4" type="video/mp4"></video></div><!-- END HTML5 VIDEO -->
<audio controls preload="metadata" style=" width:300px;">
<source src="https://kutt.it/bnn321" type="audio/mpeg">
Your browser does not support the audio element.
The <audio> tag supports the full range of standard attributes in HTML5. These attributes are supported by all HTML5 tags, with very few exceptions. They include:
accesskey - this specifies a keyboard shortcut for a given element
class - this specifies a classname for a given element, to be used in conjunction with a style sheet
contenteditable - specifies whether a user is allowed to edit the content
contextmenu - specifies the context menu for a given element
dir - specifies the direction of the text for content in a given element
draggable - specifies if a user is allowed to drag a given element
dropzone - specifies the event that occurs when an item or data is dragged and dropped into a given element
hidden - specifies if a given element is hidden or not
id - specifies a unique identification for a given element
lang - specifies a language code for the content in a given element
spellcheck - specifies if a specific element will need to be subjected to a spelling and grammar check
style - defines an inline style for a specific element
tabindex - specifies the tab order of a specific element
title - specifies a title for a specific element
autoplay - if this attribute is included, the audio will begin to play once it is ready
controls - if this one is included, controls for the audio file will be included on the page.
loop - if this one is included, the audio will loop and play again once it has finished
preload - this one has three parameters: auto, which plays once it has loaded, metadata, which only displays the data associated with the audio file, and none, which means it will not preload
src - this one's value is simply the URL of the audio file you wish to play
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.
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.
<audio controls> <source src=”MY-Song.ogg” type=”audio/ogg”> <source src=”My-Song.mp3″ type=”audio/mpeg”> Your browser does not support the audio element. </audio>
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
You can embed audio into your page using the following code.
<audio src="audio.mp3" controls preload></audio>
<audio> tag makes it simple to add your media to your website. Just include the <audio> element, use the src attribute to identify the media source, and include the controls attribute. For example.
<audio src=”mysong.mp3″ controls></audio>
Its a simple link to an MP3 file on the seller's website/server. It relies on the browser to play the MP3.
<img src="http://ppudc.com/listen.jpg" width="70" height="70" border="0" style="cursor: nw-resize; float: none; margin: 0px; " alt="">
All you have to do is to change http://ppudc.com/audio/ojedapenn.mp3 to your music file's file path and http://ppudc.com/listen.jpg to the file path of the image you want to use for the button.
Try to hover the text below
My pretty awesome long text link
My pretty awesome link
My hover image text just in case