ske087/digiserver
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

player fullscreen

Browse Source
This commit is contained in:
Ske087
2025-02-01 21:40:46 +02:00
parent 85a23eeca8
commit 482fe55137
10 changed files with 29 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
templates/player_fullscreen.html
View File

@@ -1,24 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<title>Player Fullscreen Schedule</title>
<title>Player Fullscreen</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
body, html {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
body {
background-color: black;
margin: 0;
overflow: hidden;
}
img, video, embed, object {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
.content-item {
display: none;
width: 100vw;
height: 100vh;
object-fit: cover;
}
.active {
.content-item.active {
display: block;
}
</style>
@@ -32,14 +29,13 @@
Your browser does not support the video tag.
</video>
{% elif item.file_name.endswith('.pdf') %}
<object data="{{ url_for('static', filename='uploads/' ~ item.file_name) }}" type="application/pdf" class="content-item" data-duration="{{ item.duration }}">
<embed src="{{ url_for('static', filename='uploads/' ~ item.file_name) }}" type="application/pdf" class="content-item" data-duration="{{ item.duration }}">
</object>
<object data="{{ url_for('static', filename='uploads/' ~ item.file_name) }}" type="application/pdf" class="content-item" data-duration="{{ item.duration }}"></object>
{% else %}
<img src="{{ url_for('static', filename='uploads/' ~ item.file_name) }}" alt="Content Image" class="content-item" data-duration="{{ item.duration }}">
<img src="{{ url_for('static', filename='uploads/' ~ item.file_name) }}" class="content-item" data-duration="{{ item.duration }}" alt="{{ item.file_name }}">
{% endif %}
{% endfor %}
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const items = document.querySelectorAll('.content-item');