Page tree
Skip to end of metadata
Go to start of metadata
  • No labels

9 Comments

  1.    
       
     

    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

    http://www.isdntek.com/tagbot/YouTubeConverter.htm

     

     
     

    <!-- 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

    Made by - YouTube or Vimeo Code Converter for eBay 2018 - 2020

    http://www.isdntek.com/tagbot/YouTubeConverter.htm

     
     


    <!-- 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 -->

     Full size HTML5 Video Player 
     <video controls loop preload="auto" style=" width:px; height:px;"> <source src="https://cdn.create.vidyou.co/video/5e/38/16/video-5e3816ca-f4bd-4c4a-8396-c9e05e4a5fbc/original.mp4" type="video/mp4"> Your browser does not support the HTML5 video tag. </video><br /> 
     https://scriptgenerator.net/really-simple-embed-audio-player-script/ 
    just player
    <audio controls preload="metadata" style=" width:300px;">
    	<source src="https://kutt.it/bnn321" type="audio/mpeg">
    	Your browser does not support the audio element.
    </audio>
     https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio 
    Player and text on top<figure>
    <figcaption>Listen to the Sound:</figcaption>

    <audio controls="" src="https://kutt.it/bnn321">Your browser does not support the <code>audio</code> element.</audio>
    </figure>
       
      
     

    Disable download button for HTML5 audio and video player

    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>

     

    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

     

     

     


     
  2. Tip How To Embed Audio Player in Ebay Listing

    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.

    Step 2.

    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.

    The code

    <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>

    Example Here

    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.

    Step3.

    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.

    Step4.

    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

  3. How to embed audio

    You can embed audio into your page using the following code.

    <audio src="audio.mp3" controls preload></audio>

     

    https://www.mootzproductions.com/web-html5-audio-tag-code/

    The HTML5

    <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. 

     

    <a href="http://ppudc.com/audio/ojedapenn.mp3">

            <img src="http://ppudc.com/listen.jpg" width="70" height="70" border="0" style="cursor: nw-resize; float: none; margin: 0px; " alt="">

    </a> 

     

    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.