iframe で使用するリバース プロキシ

Question

気象観測 II

このウェブページには次のリンクがあります:

気象状況のビデオフィード

このページは iframe リンクを呼び出します:

<iframe width-"1300" height="731" src="http://c500.duckdns.org:8889/backyard"></iframe>

/backyard は、Wyze-Bridge Docker コンテナを実行している Raspberry Pi からのビデオ カメラ ストリーミング WebRTC です。ビデオ スキームは http としてのみ使用できます。これは混合コンテンツであり、ブロックされます。

nginx リバース プロキシを使用して、/backyard ビデオで https スキームを使用することは可能ですか?

私は c500.duckdns.org の Duckdns を使用しており、Letsencypt 証明書を持っています。iframe 呼び出しからビデオを生成できませんでした。

/etc/nginx/available-site/c500.duckdns.org には何が含まれている必要がありますか?

server {
    listen 80;
    server_name observeredweather.000webhostapp.com;

    location / {
        proxy_pass http://localhost:443;  # Forward HTTP requests to HTTPS
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

server {
    listen 443 ssl;
    server_name c500.duckdns.org;

    ssl_certificate /etc/letsencrypt/live/npm-3/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/npm-3/privkey.pem;

    # Additional SSL configuration here if needed
    location / {
        # Configure your proxy settings for the HTTPS server here
        proxy_pass http://10.0.0.16:8889/backyard;  # Replace with your backend server's address
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}