Атрибут src тега <embed>
Описание
Атрибут src в теге <embed> указывает URL-адрес внешнего ресурса, который нужно встроить на страницу. Это обязательный атрибут, определяющий источник контента (Flash-ролики, PDF-документы, видео и др.).
<!-- Встраивание Flash-ролика -->
<embed src="animation.swf" type="application/x-shockwave-flash" width="400" height="300">
<!-- Встраивание PDF документа -->
<embed src="documents/report.pdf" type="application/pdf" width="800" height="600">
<!-- Встраивание видео -->
<embed src="video.mp4" type="video/mp4" width="640" height="360">
Поддерживаемые типы контента:
| Тип контента | MIME-тип | Пример |
|---|---|---|
| Flash | application/x-shockwave-flash | .swf файлы |
| application/pdf | .pdf документы | |
| Видео | video/* | .mp4, .webm |
| Аудио | audio/* | .mp3, .ogg |
Важные особенности:
- Может использовать как абсолютные, так и относительные URL-адреса
- Рекомендуется всегда указывать атрибут
typeвместе сsrc - Для кросс-доменных ресурсов могут потребоваться CORS-заголовки
- Некоторые браузеры могут блокировать смешанное содержимое (http/https)
Пример с разными источниками:
<!-- Локальный файл -->
<embed src="assets/presentation.swf" type="application/x-shockwave-flash">
<!-- Внешний ресурс -->
<embed src="https://example.com/video.mp4" type="video/mp4">
<!-- Данные в base64 -->
<embed src="data:application/pdf;base64,JVBERi0x..." type="application/pdf">
Рекомендации:
- Всегда проверяйте доступность ресурса по указанному адресу
- Для важного контента предусматривайте fallback-решения
- Используйте HTTPS для внешних ресурсов
- Оптимизируйте размер загружаемых файлов
Ограничения и совместимость:
- В современных браузерах поддержка Flash отключена по умолчанию
- Для PDF предпочтительнее использовать
<iframe> - Мобильные браузеры могут иметь ограниченную поддержку
Примечание: Хотя тег <embed> с атрибутом src все еще используется, для большинства современных сценариев встраивания контента (особенно видео) рекомендуется использовать <iframe> или специализированные теги вроде <video>.