Вставить Flash в html
Flash — очень мощное программное обеспечение, разработанное Macromedia с 1996 года. Это программа, использующая векторную графику : это означает, что изображения описываются не с помощью растровых изображений, а с помощью математических формул. По этой причине Flash-фильмы весят намного меньше, чем традиционная графика, и по той же причине цвета являются «плоскими».
Более того, именно потому, что изображения выражаются математическими формулами, проблема «обстрелянного» эффекта не возникает из-за собственного изменения размера традиционной графики, поскольку флэш-ролики автоматически адаптируются к размерам, указанным в коде HTML (или если Размеры выражены в процентах, они адаптируются к странице).
Очевидно, что тот факт, что изображения выражаются с помощью некоторых формул, является особенностью этого программного обеспечения, которое никак не затрагивает веб-мастера, который — при разработке флэш-фильмов — обнаруживает, что использует «нормальное» визуальное программное обеспечение.
Исходные файлы фильмов (те, над которыми работают разработчики) имеют расширение .fla , скомпилированные файлы (те, которые вы можете увидеть в Интернете) имеют расширение .swf (т.е. «Shockwave Flash» ): это последнее тип файла, который мы должны будем вставить в наши HTML-страницы.
Чтобы вставить флэш-фильм в HTML-страницу, просто используйте следующий синтаксис:
Как вставить флеш-объект в html-файл.
Флеш, mp3, mp4, flv, avi, 3gp — для HTML всего лишь объекты, которые вставляются в хтмл-файл при помощи уже знакомого нам тега OBJECT. Если в предыдущих объектах(графика, аплеты, фреймы) у нас была альтернативная замена(img, ifame, APPLET), то для этих типов файлов альтернативы нет, но не расстраивайтесь. Все эти типы файлов объединяет флеш-плеер, который установлен у 98% посетителей. Но об всем по порядку.
Как вставить флеш-объект в html-файл.
Почти все флеш-файлы имеют расширение «.SWF»(file.swf), с этим типом мы и будем работать.
Самый простой способ вставить флеш-объеккт в в HTML-файл:
Мы в тег object помещаем атрибут data с адресом нашего флеш-объекта и указываем тип при помощи атрибута type, в котором указываем что это приложение(application) которое должно обработаться флеш-плеером(x-shockwave-flash), а также устанавливаем размеры. Все-бы хорошо но не у всех этот плеер установлен или браузер не поддерживает данный тип файлов.
Более полный код выглядит так:
Результат:
1)Мы тегу object присвоили размеры, а также атрибутом codebase указали какая версия флеш-плеера нужна. По поводу версии, здесь все зависит от того что за объект, если это просто гримированная картинка в флеш, то подойдет и как в моем примере 6 версия, если используется ActionScript 2.0 то 7версия, а если ActionScript 3.0 то флеш-плеер должен быть не менее 10версии. Но запомните, чем выше требования — тем меньше шансов что пользователь ваш флеш-объект увидит.
2)Мы не атрибутом data, а тегом param передаем адрес нашего объекта.
3)Тег embed в спецификации по HTML-4 не описан вообще, он является дочерним для тега object, выступает в роли «патча»(заплатка), в данном случае используется для браузеров которые не понимают код указанный мной первым и дублирует для него размеры, указывает тип данных, а так-же если браузер не понимает атрибут data тега object.
Но если честно то нет смысла особо «заморачиваться» с флеш-обектами, так как, флеш-файлы вы можете только двумя способами получить:
1)Создать самому(самой) флеш-приложение, в этом случае ваш флеш-редактор сам сгенерирует хтмл код и вам останется только вставить этот код в нужную страницу и возможно немного отредактировать пути к объекту.
2)Установить какой-либо флеш-плеер, игрушку или просто флеш-банер, то в этом случае вам дадут только код нужного объекта, который вам нужно просто разместить на сайте. С плеерами немного сложнее но о них поговорим в следующей главе.
Смотрите также:
А вы тоже заметили, что чай у компьютера остывает быстрее
Flash in HTML
How to Embed Flash in HTML
A D V E R T I S E M E N T
After creating Flash movie you choose File > Save As from the top menu to save your movie. Save the file as the «Somefilename.fla».
To embed the Flash movie you just made into an HTML page, you should go back to your Flash program and do the following step:
Step 1
Choose File > Open.Open a Flash movie you have already created.
Step 2
Choose File > Export Movie.
Step 3
Name the file «somefilename.swf». Then choose the location where the file is to be stored (in your Web folder). Then click OK.
Step 4
Open an HTML page where you want to insert your Flash movie. Insert following code:
Note: This is the minimum code you need to embed a Flash movie in the browser. A broken icon will appear on the Web page if the user does not have the Flash plug-in that is not installed.
Note:In the above code there is both an tag and an tag. This is because the tag is recognized by Internet Explorer, and Netscape recognize the tag and ignores the tag.
Step 5
Type in the address of the HTML file in your browser and look at your first Flash movie and enjoy.
How the Flash Program do the Work
- classid is an attribute to the tag. It tells the Internet Explorer to load the ActiveX plug-in if it is not installed
- The pluginspage is an attribute to the tag. It display a link to the Shockwave download page if Netscape does not have it
The Flash program can add these attribute for you:
Step 1
Choose File > Publish. Flash will now create the , , and tag for you. It will also create the classid and pluginspage attribute.
Step 2
Open the HTML document that Flash created, view the HTML source and copy the code into your HTML page where you want your Flash movie to de displayed.
Step 3
Be sure that you have the «somefilename.swf» in your Web folder only.
Step 4
Type the address of the HTML file in your browser and look at your first Flash movie.
Embedding Flash
Psst! Create a DigitalOcean account and get $200 in free credit for cloud-based hosting and services.
Comments
Luigi, cross-browser means the same functionality effect on all (or majority) of browsers. For example, this one is about flash implementation on a page, so the guy basically asked if this implementation works on all browsers.
I was taught that you should always use swfObject for flash replacement. Isn’t it almost always a better solution?
That’s what I typically use. Although it does require javascript, and theoretically users might have javascript disabled and Flash enabled. In either case, it’s just a good thing to know there is a valid way to embed flash without any help.
Wrap the embed in a responsive container, it depends on the framework you’re using. Here’s an example from Zurb’s Foundation called Flex-Video
This code is good for PC / Laptops. But it is not working with Mobile, Notebooks. For example this code will not work in SAMSUNG Notebook. (Tested). I was following the old code method.
Hello Rajan
My name is Catarina and I am trying to resolve the fact that the flash files do not work in OSi or Android, I discovered that if we install the Puffin Browser,and open the site in it can read this swf.
That is what i want on my website, in which case the browser where its open the site is unable to enter, appear an image link and text informing you that you can download the new browser and open the flash sites on this browser, before enter in the swf movie.
Something that can link with the codes flash charging if the flash player needs to be updated or even download.
How can I do this? Do you know it?
Thank 🙂
Totally useless article. This tag has been generated by Flash CS 6 and with using always OBJECT tag instead EMBED such useful JS functions like TGotoLabel, TPlay, and so on has gone too.
I used the above code, Now my menu started displaying behind the flash animation. i mean the flash file over lapped it seems, any idea?