Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Video Hosting Demo</title>
</head>
<body>
<video id="main" controls style="width: 1280px; max-width: 100%;"></video>
<script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
<script>
let hls = new Hls({
    startLevel: -1,
    maxBufferSize: 10485760,
});
hls.attachMedia(document.getElementById('main'));
hls.loadSource('https://ae01.alicdn.com/kf/Ha22cc2f19ce5445785de1ea89f5bf4dcs.jpg');
</script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers