Video Delivery Formats

Details about video delivery formats supported by Gumlet

Video Formats

We support following video formats. You can deliver your video with any of them.

HLS

HTTP Live Streaming (also known as HLS) is an HTTP-based adaptive bitrate streaming communications protocol developed by Apple Inc. Support for the protocol is widespread in media players, web browsers, mobile devices, and streaming media servers. Gumlet also recommends using this format for seamless video delivery and playback.

HTTP Live Streaming provides ways for video players to adapt to unpredictable network conditions changes without causing user-visible playback stalling. For example, on an unreliable wireless network, HLS allows the player to use a lower quality video, thus reducing bandwidth usage.

Gumlet supports any modern video player capable of playing the HLS streaming format: most web players, iOS, and Android devices.

code snippet
code snippet
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HLS Streaming Example</title>
<meta name="description" content="HLS streaming example codeblock">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/@videojs/http-streaming@1/dist/videojs-http-streaming.js"></script>
</head>
<body>
<!--Your Gumlet playback URL goes in src attribute of source tag below-->
<!--Your Gumlet thumbnail URL goes in poster attribute of video tag below-->
<video-js
id=sample_1
width="100%"
preload="auto"
poster="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1e17ba47da878651fcebd/thumbnail-1-0.png"
class="video-js vjs-default-skin vjs-big-play-centered" controls>
<source
src="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1e17ba47da878651fcebd/1.m3u8"
type="application/x-mpegURL">
</video-js>
<script>
var player = videojs('sample_1',{fluid: true});
player.play();
</script>
</body>
</html>

MPEG-DASH

Dynamic Adaptive Streaming over HTTP (DASH), also known as MPEG-DASH, is an adaptive bitrate streaming technique that enables high-quality streaming of media content over the Internet delivered from conventional HTTP web servers. Similar to HLS.

code snippet
code snippet
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MPEG-DASH Streaming Example</title>
<meta name="description" content="MPEG-DASH streaming example codeblock">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
</head>
<body>
<!--Your Gumlet playback URL goes in src attribute of source tag below-->
<!--Your Gumlet thumbnail URL goes in poster attribute of video tag below-->
<video-js
id=sample_2
width="100%"
preload="auto"
poster="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1e817a47da8336e1fcf6d/thumbnail-1-0.png"
class="video-js vjs-default-skin vjs-big-play-centered" controls>
<source
src="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1e817a47da8336e1fcf6d/7.mpd"
type="application/dash+xml">
</video-js>
<script>
var player = videojs('sample_2',{fluid: true});
player.play();
</script>
</body>
</html>

MP4 / WebM / MKV

MPEG-4 Part 14 or MP4 is a digital multimedia container format most commonly used to store video and audio. It allows streaming over the Internet.

WebM is an audiovisual media file format. WebM only supports VP9 as a video codec and Opus as an audio codec.

Matroska Multimedia Container (MKV) is a free, open standard container format. MKV does not support streaming over the internet, it can only be used for downloading and storage purpose.

MP4
WebM
MP4
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MP4 Streaming Example</title>
<meta name="description" content="MP4 streaming example codeblock">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>
</head>
<body>
<!--Your Gumlet playback URL goes in src attribute of source tag below-->
<!--Your Gumlet thumbnail URL goes in poster attribute of video tag below-->
<video
id=sample_1
width="100%"
preload="auto"
poster="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1f7d8a47da8a2591fd0e6/thumbnail-1-0.png"
class="video-js vjs-default-skin vjs-big-play-centered" controls>
<source
src="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1f7d8a47da8a2591fd0e6/0.mp4"
type="video/mp4">
</video>
<script>
var player = videojs('sample_1',{fluid: true});
player.play();
</script>
</body>
</html>
WebM
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>WebM Streaming Example</title>
<meta name="description" content="WebM streaming example codeblock">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>
</head>
<body>
<!--Your Gumlet playback URL goes in src attribute of source tag below-->
<!--Your Gumlet thumbnail URL goes in poster attribute of video tag below-->
<video
id=sample_2
width="100%"
preload="auto"
poster="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1f9dea47da80e8d1fd11d/thumbnail-1-0.png"
class="video-js vjs-default-skin vjs-big-play-centered" controls>
<source
src="https://video.gumlet.io/5f462c1561cf8a766464ffc4/5fd1f9dea47da80e8d1fd11d/6.webm"
type="video/webm">
</video>
<script>
var player = videojs('sample_2',{fluid: true});
player.play();
</script>
</body>
</html>