Блог

Главная - Вопросы по программированию - Есть ли способ создать браузер iframe для YouTube?

Есть ли способ создать браузер iframe для YouTube?

#javascript #html #iframe #youtube-iframe-api

#javascript #HTML #iframe #youtube-iframe-api

Вопрос:

Я попытался создать поисковик видео на YouTube, используя iframe, но по какой-то причине он, похоже, не загружается.

Вот мой код:

 <!DOCTYPE html>
<html>
  <head>
    <httpProtocol>
      <customHeaders>
        <add name="X-Frame-Options" value="SAMEORIGIN" />
        <add name="Content-Security-Policy" value="frame-ancestors https://www.<preferredwebsitedomain>.com" />
      </customHeaders>
    </httpProtocol>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Youtube Browser</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <form action="http://www.youtube.com/results" method="get" target="iframe">
      <input id="search_query" type="text"/>
      <input type="submit"/>
    </form> 
    <iframe name="iframe"></iframe>
  </body>
</html>

Может кто-нибудь, пожалуйста, помочь мне решить эту проблему?

Комментарии:

1. Что не работает?

2. iframe не загружается

3. вы проверили консоль браузера (F12), вы должны получить несколько сообщений об ошибках, которые дают вам некоторую подсказку

4. какой ярлык для Mac

5. @CharlieZhang также F12, если вы используете Chrome

Ответ №1:

Похоже, ты не сможешь этого сделать. :

«Отказался показывать ‘https://www.youtube.com /’ во фрейме, потому что он установил для ‘X-Frame-Options’ значение ‘sameorigin'».

Сервер Youtube X-Frame-Options допускает только sameorigin .

Более подробная информация по этому вопросу здесь

Комментарии:

1. как вы это делаете

2. @Charlie-Zhang Я попробовал это сам, и сервер Youtube ответил на сообщение, которое я процитировал.

3. тогда есть ли хорошее решение

4. @Charlie-Zhang Вы могли бы попробовать использовать AJAX для получения результата HTML с Youtube. Если это не сработает (междоменные AJAX-запросы также могут быть запрещены), то cURL с PHP будет самой безопасной альтернативой.

Метки: