S3Bubble Official Documentation
DEMO: Video MP4 1080p Adding Custom Font Awesome Buttons
This video was encoded direct through S3Bubble using the Elastic Transcoder with other options under start encryption, preset 1080p.
Custom buttons can be added directly via the dashboard under your video configuration, see the buttons menu in the left-hand menu.
You can select any icons from font awesome here we have selected vimeo and youtube for this example.
Live Example Below
HTML Direct insert. You can use this codepen to create your data setup. https://codepen.io/s3bubble/pen/RLGKee
<div class="s3bubble" data-setup='{"codes":["gNZZ74083"]}'></div>Adding directly with code (Scripts must be included)
s3bubble("your-video-div-id-in-the-dom").video( {
"codes": ["gNZZ74083"]
});
Live Examples
DEMO: Video (HLS) Adaptive Bitrate VPaid Advertising Pre Roll, Mid Roll & Post Roll Autoplay On IOS
DEMO: Video HLS Adaptive Bitrate Multiple Language Captions
Mulitple language captions
DEMO: Video MP4 1080p Adding Custom Font Awesome Buttons
DEMO: Video HLS VPaid Advertising
VPaid advertising with adaptive bitrate streaming protocol
DEMO: Video MP4 1080p VPaid Advertising Pre Roll, Mid Roll & Post Roll
Progressive streaming mp4
DEMO: Video MP4 1080p Progressive Streaming.
Progressive streaming demo
THEMES: Video Netflix Theme
S3Bubble Available themes
THEMES: Video Playonly Theme
S3Bubble Available themes
THEMES: Video News Theme
S3Bubble Available themes
THEMES: Video Topbar Theme
S3Bubble Available themes
THEMES: Video Bordered Theme
S3Bubble Available themes
THEMES: Video Boxed Wista Theme
S3Bubble Available themes
DEMO: Custom Video Sizes 864×600
Videos can be created in multiple sizes
DEMO: Custom Playlist Views
DEMO: Autoplay Video On IOS With Playinline
Autoplay movie when muted on IOS
DEMO: Video Playlist
Full video playlist example with multiple streaming types
DEMO: Simple Lightbox Video Modal Links
OPTIONS: All Setup Options
Full list of all options that can be passed to the player
DEMO: Full Audio Player Example
DEMO: Simple Lazy Playlists
The simplest way to sync a playlist with a bucket or folder
DEMO: Firing Player Ended Event
DEMO: Gif Video Poster Images Used On News Websites
Great for previews seen on News websites