S3Bubble Official Documentation

  • We work on our documentation daily if you feel we are missing anything please let us know support@s3bubble.com

DEMO: Full Audio Player Example

Compact Example:

Example: OPEN PLAYGROUND

!Important Include scripts
<!-- INCLUDE THE CSS IN THE HEAD OF YOUR DOCUMENT -->
<link rel='stylesheet' href='https://unpkg.com/s3bubble-javascript/s3bubble.min.css' type='text/css' media='all' /> <!-- INCLUDE THE JAVASCRIPT IN THE FOOTER OF YOUR DOCUMENT -->
<script src="https://unpkg.com/s3bubble-javascript/s3bubble.min.js"></script>
Javascript - Must be added after the js file
s3bubble("s3bubble-media").audio({
    "codes": ["DMAp42282"],
    "options": {
        "playbackRates": [0.5, 1, 1.5, 2],
        "aspect": "16-9" // 16-9 1-1 4-3 aspect ratio's
        //"fluid": true, // Fullscreen fluid
        //"width": 600, // Sets width (cannot be used with aspect)
        //"height": 600, // Sets height (cannot be used with aspect)
        //"prepare": true, // Prepare a container before load
        //"muted" : true, // Mutes video
        //"autoplay" : true, // Autoplays
        //"controls": false, // Removes controls
        //"chromecast" : "E14DC85B",
        //"vpaid" : "(vpaid url)"
    },
    "meta": {
        "skipButtons": false, // Show skip buttons
        "showSocial": true, // Show social
        "backButton": true, // Show back button
        "subTitle": "You're watching", // subtitle
        "title": "Codepen Tests", // title
        "para": "Just running some tests..." // Synopsis
    },
    "brand": {
        "controlbar": "#1C2024", // Controlbar background
        "icons": "#FAFAFA", // Icon color
        "sliders": "#FF003A" // Slider color
    }
    //"popit": { // Pop the play out to the bottom right when out of scroll
    //              "width" : 400
    //          },
});

Live Examples

Distributing millions of videos
every month via Wordpress

S3Bubble is a SAAS platform for media streaming via Wordpress designed to help all your media streaming needs

Free Trial