You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.9 KiB
48 lines
1.9 KiB
|
|
<h2 class="d-flex justify-content-center">{videoURL}</h2>
|
|
<div class="d-flex justify-content-center p-4">
|
|
<video id="videoPlayer" width="768" height="432" controls onerror="failed(event)">
|
|
<source src="/video?v={videoURL}" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</div>
|
|
|
|
<div class="d-flex justify-content-center p-4">
|
|
<p id="copyStatus"></p>
|
|
<input class="form-control" type="text" value="{serverURL}/video\?v\={videoURL}\&api\={api}" id="directLink">
|
|
<button class="btn btn-secondary align-content-center" onclick="copyVideoPath()">Copy Direct Link</button>
|
|
<a class="btn btn-secondary align-content-center" href="/video?v={videoURL}" download="{videoURL}">Download</a>
|
|
</div>
|
|
|
|
<script>
|
|
function copyVideoPath()
|
|
{
|
|
var copyText = document.getElementById("directLink");
|
|
copyText.select();
|
|
document.execCommand("copy");
|
|
$("#copyStatus").html("URL copied to clipboard.");
|
|
}
|
|
|
|
function failed(e)
|
|
{
|
|
// video playback failed - show a message saying why
|
|
switch (e.target.error.code)
|
|
{
|
|
case e.target.error.MEDIA_ERR_ABORTED:
|
|
alert('You aborted the video playback.');
|
|
break;
|
|
case e.target.error.MEDIA_ERR_NETWORK:
|
|
alert('A network error caused the video download to fail part-way.');
|
|
break;
|
|
case e.target.error.MEDIA_ERR_DECODE:
|
|
alert('The video playback was aborted due to a corruption problem or because the video used features your browser did not support.');
|
|
break;
|
|
case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
|
|
alert('The video could not be loaded, either because the server or network failed or because the format is not supported.');
|
|
break;
|
|
default:
|
|
alert('An unknown error occurred.');
|
|
break;
|
|
}
|
|
}
|
|
</script>
|