Почему iframe для встроенного клипа YouTube не работает в pyscript?
Я создаю веб-страницы в pyscript. Когда я добавляю тег iframe для встроенного клипа YouTube в HTML-код, размещенный на pyscript.com, HTML-код в браузере показывает: «www.youtube.com отказался подключиться».
Какой-нибудь совет, как заставить iframe работать?
Вот содержимое моего html-файла, загруженного на сервер pyscript.com. Я ожидал, что на моей веб-странице появится готовый к запуску клип YouTube, но вместо этого на моей веб-странице появилось сообщение «www.youtube.com отказалось подключиться».
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width=device-width,initial-scale=1">
<link rel = "stylesheet" href = "https://pyscript.net/releases/2023.05.1/pyscript.css" />
<script defer src = "https://pyscript.net/releases/2023.05.1/pyscript.js"></script>
<style>
</style>
</head>
<body>
<div>
<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/4xvC7Rlf2yw?si=mYYBe5-LoqkH-iHL" title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy = "strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</body>
</html>
Это был Chrome, но удаление части ?si=mYYBe5-LoqkH-iHL на моей стороне не помогло. Спасибо!
Ответы 1
Проблема вызвана тем, что сайт является средой COEP, которая требует, чтобы iframe имел заголовок COEP.
Добавление атрибута credentialless в iframe должно решить проблему. Однако Firefox и Safari не поддерживают эту функцию.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe#credentiallesshttps://developer.chrome.com/blog/iframe-credentialless
Добавление без учетных данных в iframe работает! «Спасибо миллионы», — спрашивает лама.
Попробуйте удалить это
?si=mYYBe5-LoqkH-iHLиз URL-адреса и снова запустите проект. Кроме того, у вас есть эта ошибка во всех браузерах (Chrome, Edge, Firefox)? - Я попробовал в Firefox, и это сработало.