Ссылка на файл не работает на сайте — почему и как починить

Вставили ссылку на файл в блок сайта, а он не отображается: картинка битая, аудио не играет, видео пустое или скачивается вместо просмотра. Причин у этого несколько, и почти все сводятся к тому, какую ссылку вы вставили и как сервер её отдаёт. Разберём по порядку, от самой частой причины к редким.

Причина 1. Ссылка ведёт на страницу, а не на файл

Самая частая причина. Облачные диски (Яндекс.Диск, Google Диск, Облако Mail.ru) по обычной ссылке отдают страницу просмотра — с кнопками, превью и рекламой, — а не сам файл. Браузеру для тега <img>, <audio> или <video> нужен именно файл, поэтому такая ссылка на сайте не работает.

Как проверить: откройте ссылку в браузере в режиме инкогнито. Если началось скачивание или показался сам файл — ссылка прямая. Если открылась страница с интерфейсом — это обёртка, для сайта не подойдёт. Нужна прямая ссылка, которая отдаёт файл напрямую.

Причина 2. Ссылка «протухла»

Некоторые сервисы выдают временные ссылки, которые работают ограниченное время, а потом перестают. Файл встал на сайте на неделю-другую, а затем ссылка умерла — картинки и видео пропали. Так бывает с «прямыми» ссылками, вытащенными из облаков хитрым способом: они нестабильны. Для сайта, который должен работать годами, нужна постоянная ссылка, которая не меняется сама по себе.

Причина 3. Нет нужных заголовков (шрифты, видео)

Для шрифтов браузер требует CORS-заголовки — если сервер их не отдаёт, шрифт с другого домена не применится, хотя ссылка вроде рабочая. Для видео нужна поддержка перемотки (Range-запросы) — без неё видео может не проигрываться или не перематываться. Обычный файловый хостинг для сайтов отдаёт эти заголовки правильно, а случайный файлообменник — нет.

Причина 4. Смешанный контент: http на https-сайте

Если ваш сайт открывается по https://, а ссылка на файл — по http://, браузер заблокирует такой файл из соображений безопасности (это называется mixed content). В консоли будет ошибка про «mixed content». Решение простое: ссылка на файл тоже должна быть по https.

Причина 5. Файл закрыт доступом

Если у файла стоит ограничение — пароль или показ только на определённых доменах, — то на чужой странице он не откроется. Это не поломка, а защита: файл отдаётся только там, где разрешено. Проверьте настройки доступа файла: разрешён ли домен, на котором вы его встраиваете.

Как сделать, чтобы ссылка точно работала

1. Загрузите файл на хостинг, где прямая отдача файла — основная функция, а не костыль.
2. Скопируйте прямую ссылку — она ведёт на сам файл, работает по https и не «протухает».
3. Вставьте её в код сайта: в <img>, <audio>, <video>, в шрифт или кнопку скачивания.
4. Если файл под защитой — добавьте в разрешённые домены сайт, где он встроен.