mirror of
https://github.com/videojs/video.js.git
synced 2024-12-23 02:04:34 +02:00
2974ad3db7
When liveui is enabled, allow seeking during the live window, add button that allows you to seek to the live edge and that indicates whether you are at the live edge or not.
35 lines
1.5 KiB
Plaintext
35 lines
1.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Video.js Sandbox</title>
|
|
<link href="../dist/video-js.css" rel="stylesheet" type="text/css">
|
|
<script src="../dist/video.js"></script>
|
|
</head>
|
|
<body>
|
|
<div style="background-color:#eee; border: 1px solid #777; padding: 10px; margin-bottom: 20px; font-size: .8em; line-height: 1.5em; font-family: Verdana, sans-serif;">
|
|
<p>You can use /sandbox/ for writing and testing your own code. Nothing in /sandbox/ will get checked into the repo, except files that end in .example (so don't edit or add those files). To get started make a copy of index.html.example and rename it to index.html.</p>
|
|
<pre>cp sandbox/index.html.example sandbox/index.html</pre>
|
|
<pre>npm run start</pre>
|
|
<pre>open http://localhost:9999/sandbox/index.html</pre>
|
|
</div>
|
|
|
|
<video-js id="vid1" controls preload="auto" width="640" height="264">
|
|
<source src="https://akamai-axtest.akamaized.net/routes/lapd-v1-acceptance/www_c4/Manifest.m3u8" type="application/x-mpegURL">
|
|
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
|
|
</video-js>
|
|
|
|
<script>
|
|
// fake a livestream for easy testing
|
|
var vid = document.getElementById('vid1');
|
|
var liveui = true
|
|
|
|
if (videojs.browser.IS_ANDROID) {
|
|
liveui = false;
|
|
}
|
|
var player = videojs(vid, {liveui: liveui});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|