video.js/sandbox/live.html.example

<!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 run `npm start` and open the live.html</p>
    <pre>npm start</pre>
    <pre>open http://localhost:9999/sandbox/live.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="https://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 player = videojs(vid);
  </script>

</body>
</html>
feat: support seeking during live playback via liveui option (#5511) 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. 2018-12-03 22:31:23 +02:00			`<!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;">`
docs: remove grunt and update usage of build scripts (#5656) 2018-12-05 23:12:21 +02:00			<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 run `npm start` and open the live.html</p>
			`<pre>npm start</pre>`
			`<pre>open http://localhost:9999/sandbox/live.html</pre>`
feat: support seeking during live playback via liveui option (#5511) 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. 2018-12-03 22:31:23 +02:00			`</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">`
chore(sandbox): switch all urls to https (#6946) 2020-11-16 22:13:27 +02:00			`<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>`
feat: support seeking during live playback via liveui option (#5511) 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. 2018-12-03 22:31:23 +02:00			`</video-js>`

			`<script>`
			`// fake a livestream for easy testing`
			`var vid = document.getElementById('vid1');`

			`var player = videojs(vid);`
			`</script>`

			`</body>`
			`</html>`