PeerTube/client/src/standalone/videos/embed.html

102 lines
3.2 KiB
HTML
Raw Normal View History

2016-11-07 22:35:37 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
2018-05-28 13:15:51 +02:00
<meta name="robots" content="noindex">
2019-01-31 16:32:40 +01:00
<meta property="og:platform" content="PeerTube" />
2016-11-07 22:35:37 +01:00
2021-09-01 11:56:12 +02:00
<script type="text/javascript">
// Thanks: https://mathiasbynens.be/notes/globalthis
(function() {
if (typeof globalThis === 'object') return;
Object.prototype.__defineGetter__('__magic__', function() {
return this;
});
__magic__.globalThis = __magic__
delete Object.prototype.__magic__;
}());
</script>
2021-05-14 12:04:44 +02:00
<!-- /!\ The following comment is used by the server to prerender some tags /!\ -->
<!-- title tag -->
<!-- description tag -->
<!-- custom css tag -->
2021-05-14 12:04:44 +02:00
<!-- meta tags -->
<!-- server config -->
<!-- /!\ Do not remove it /!\ -->
2017-12-20 08:38:57 +01:00
<link rel="icon" type="image/png" href="/client/assets/images/favicon.png" />
2016-11-07 22:35:37 +01:00
</head>
<body id="custom-css" class="standalone-video-embed">
2016-11-07 22:35:37 +01:00
2018-04-19 18:06:59 +02:00
<div id="error-block">
2023-05-24 15:27:15 +02:00
<!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
<h1 id="error-title"></h1>
2018-04-19 18:06:59 +02:00
<div id="error-content"></div>
</div>
<div id="video-password-block">
<!-- eslint-disable-next-line @angular-eslint/template/elements-content -->
<h1 id="video-password-title"></h1>
2023-06-29 15:55:00 +02:00
<div id="video-password-content"></div>
2023-06-29 15:55:00 +02:00
<form id="video-password-form">
2023-06-29 15:55:00 +02:00
<input type="password" id="video-password-input" name="video-password" autocomplete="user-password" required>
<button type="submit" id="video-password-submit"> </button>
</form>
<div id="video-password-error"></div>
<svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" viewBox="0 0 24 24">
<g fill="none" stroke="#c4c4c4" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></g>
</svg>
</div>
2020-08-04 11:42:06 +02:00
<div id="video-wrapper"></div>
2016-11-07 22:35:37 +01:00
<script type="text/javascript">
// Can be called in embed.ts
window.displayIncompatibleBrowser = function () {
const text = 'The player is not compatible with your web browser. Please try latest Firefox version.'
document.title = 'Sorry' + ' - ' + text
const errorBlock = document.getElementById('error-block')
errorBlock.style.display = 'flex'
const errorTitle = document.getElementById('error-title')
errorTitle.innerHTML = 'Sorry'
const errorText = document.getElementById('error-content')
errorText.innerHTML = text
2021-12-22 15:36:03 +01:00
const videoWrapper = document.getElementById('video-wrapper')
if (videoWrapper) videoWrapper.style.display = 'none'
const placeholderPreview = document.getElementById('placeholder-preview')
if (placeholderPreview) placeholderPreview.style.display = 'none'
}
window.onerror = function (msg) {
if (typeof msg === 'string' && msg.toLowerCase().includes(' ice ')) {
console.warn(msg)
return
}
window.displayIncompatibleBrowser()
}
if (/MSIE|Trident/.test(window.navigator.userAgent) ) {
window.displayIncompatibleBrowser()
}
</script>
2016-11-07 22:35:37 +01:00
</body>
2017-11-13 17:39:41 +01:00
</html>