Введение

Для корректного отображения файла SWF в браузере необходим файл HTML. Браузер загружает файл HTML, а затем загружает файл SWF, который указан в коде HTML. Необходимо убедиться в том, что страница HTML содержит тег OBJECT, указывающий на фактическое расположение файла Adobe Animate SWF.

Тег HTML OBJECT предписывает браузеру выполнить загрузку Adobe Flash Player, который затем используется для воспроизведения файла SWF.

Команда «Опубликовать» в Animate автоматически создает файл HTML, содержащий теги, необходимые браузеру, чтобы воспроизвести опубликованный файл SWF. В диалоговом окне «Опубликовать» («Файл» > «Опубликовать») можно выбрать несколько различных HTML-шаблонов публикации. Для получения дополнительной информации см. разделы справки Animate Параметры публикации (CS5) или Параметры публикации (CS5.5).

Добавление тега OBJECT вручную

HTML-файлы, созданные в Animate, содержат только код для его файла SWF. Чтобы добавить ваш файл SWF на HTML-страницу, которая содержит другие элементы, например, текст или графику, вставьте следующий код в документ HTML. Вставьте этот код где-нибудь внутри тега BODY в этом HTML-файле.

Для добавления тега OBJECT вручную, выполните следующие действия:

  1. Скопируйте код HTML, показанный ниже, и вставьте его в свой код HTML. Вставьте код в файле HTML в том месте, где нужно расположить файл SWF на веб-странице.
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="movie_name" align="middle">
        <param name="movie" value="movie_name.swf"/>
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="movie_name.swf" width="550" height="400">
            <param name="movie" value="movie_name.swf"/>
        <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflash">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
            </a>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>
  2. Отредактируйте атрибуты тега OBJECT для своего файла SWF.
    • Измените параметры HEIGHT и WIDTH в соответствии с высотой и шириной клипа. Для использования автоматического масштабирования файла SWF, чтобы клип занимал заданный процент окна браузера, впишите вместо конкретных высоты и ширины процентные значения.
    • Замените все экземпляры «movie_name.swf», которые представлены в теге OBJECT на реальный путь или URL своего файла SWF.  

Путь к файлу SWF, может быть относительным по отношению к файлу HTML, либо его можно задать полностью, тогда это будет абсолютный путь к файлу SWF. Например:

  • Если файл SWF находится в той же папке, что и файл HTML, то вам потребуется указать только имя файла SWF.
  • Если файл SWF находится в подпапке, путь выглядит так: «название-папки/название-клипа.swf» (только без кавычек).
  • Если файл SWF находится не в той папке, где расположен файл HTML, используйте нужное количество последовательностей «../», чтобы каждый раз подниматься на уровень выше, начиная с папки в которой находится файл HTML. (Не включайте кавычки в строки пути.) Таким образом, путь «../../../другая-папка/название-клипа.swf" ведет на три уровня вверх от файла HTML, а затем оттуда спускается в папку под названием «другая папка», ожидая, что там находится ваш клип в файле SWF.
  • Полный (абсолютный) путь выглядит точно так же, как полный URL (например, http://www.mydomain.com/flash_content/movie_name.swf.)

Можно также использовать команду «Опубликовать» в Animate для создания простого HTML-файла, содержащего тег OBJECT. Затем необходимо скопировать и вставить этот код HTML с тегом OBJECT в свой файл HTML. Имя SWF-файла уже верно задано в коде HTML.

Код, показанный выше, это минимум, который требуется, чтобы вставить файл SWF в HTML-файл. Дополнительные атрибуты, которые можно указать для этих тегов, служат для уточнения деталей того, как Flash Player воспроизводит файл SWF. Дополнительную информацию можно найти в разделе Атрибуты тегов OBJECT и EMBED.

Проверьте свою HTML-страницу во всех браузерах, которые может использовать ваша целевая аудитория. 

Примечание.  Инструмент разработки HTML-кода Adobe Dreamweaver может легко встраивать файлы SWF в HTML-документ. Dreamweaver позволяет полностью управлять дизайном страницы, содержащей файл SWF. Для получения дополнительной информации обратитесь к странице продукта Dreamweaver.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет