Enhance CORS configuration in docker-compose.yml and update video element crossorigin attribute in index.html
This commit is contained in:
@@ -14,8 +14,10 @@ services:
|
||||
- traefik.http.routers.techniker-me.tls.certresolver=cloudflare
|
||||
- traefik.http.services.techniker-me.loadbalancer.server.port=80
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolalloworiginlist=*
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolallowmethods=GET,OPTIONS
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolallowheaders=Content-Type
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolallowmethods=GET,OPTIONS,HEAD
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolallowheaders=Content-Type,Range
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolexposeheaders=Content-Length,Content-Range
|
||||
- traefik.http.middlewares.hls-cors.headers.accesscontrolallowcredentials=false
|
||||
- traefik.http.routers.techniker-me.middlewares=hls-cors
|
||||
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<video id="video" style="width: 100vw;height: 100vh;background-color: black;" crossorigin="*" autoplay muted playsinline></video>
|
||||
<video id="video" style="width: 100vw;height: 100vh;background-color: black;" crossorigin="anonymous" autoplay muted playsinline></video>
|
||||
<button id="unmute-btn" class="unmute-button">
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<path d="M11 5L6 9H2v6h4l5 4V5z"></path>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "hls-player",
|
||||
"private": true,
|
||||
"version": "0.0.12",
|
||||
"version": "0.0.13",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
|
||||
Reference in New Issue
Block a user