2015-01-11 5 views
1

Я добавил ссылку для встраивания с youtube. Я добавил в свой html, но потом он говорит, что его нельзя найти! Как это выглядит: http://imgur.com/2BRHNPqYoutube iframe не работает в html 5

HTML:

<div class="content"> 
      <div class="container"> 

       <h1>My Content</h1> 
       <iframe width="560" height="315" src="//www.youtube.com/embed/VV0K0kL2agk" frameborder="0" allowfullscreen></iframe> 
      </div> 
     </div> 

ответ

1

Вы используете схему относительный URI (тот, который начинается с //).

Вы загружаете свой HTML-документ с использованием схемы file:, но YouTube доступен только через http: или https:.

Поместите свой документ на веб-сервер. Установите его на свою машину разработки (либо вашу рабочую станцию, либо тестовый сервер, который может быть виртуальной машиной) для веб-разработки.

+0

Как я могу поместить мой документ на веб-сервере? – LogicLucas

+0

Это зависит от сервера. Если вы устанавливаете один локально, вы просто помещаете его в соответствующий каталог (и обращаетесь к нему через 'http: // localhost' вместо' file: // '). – Quentin

+0

Хорошим является XAMMP (https://www.apachefriends.org/index.html). Этот пакет устанавливает веб-сервер Apache, MySQL и PHP. С его помощью вы можете установить CMS локально, например, Wordpress, Drupal или Joomla. –

1

Добавить http:// или https:// к вашему src

+0

Я пробовал http, но он нуждался в https! Спасибо большое, D – LogicLucas

+0

Это делает HTML менее переносимым между версиями HTTP и HTTPS сайта. Лучше выполнять тестирование с помощью веб-сервера (что также делает его более реалистичной тестовой средой для всего остального). – Quentin

Смежные вопросы