Как вы вставляете SWF файл в HTML-страницу?
Как вставить SWF файл на HTML-страницу?
Ответ 1
Лучший подход для встраивания SWF- файла в HTML-страницу - это использование SWFObject.
Это простая библиотека JavaScript с открытым исходным кодом, которая является простым в использовании и стандартизированным методом для вставки Flash-содержимого.
Он также предлагает определение версии Flash Player. Если у пользователя нет требуемой версии Flash или JavaScript отключен, он увидит альтернативный контент. Вы также можете использовать эту библиотеку для запуска обновления Flash Player. Как только пользователь обновится, он будет перенаправлен обратно на страницу.
Пример из документации:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>
Хорошим инструментом для использования является генератор HTML и JavaScript SWFObject. Он в основном генерирует HTML и JavaScript, необходимые для встраивания Flash с использованием SWFObject. Поставляется с очень простым пользовательским интерфейсом для ввода ваших параметров.
Настоятельно рекомендуется и очень прост в использовании.
Ответ 2
<object width="100" height="100">
<param name="movie" value="file.swf">
<embed src="file.swf" width="100" height="100">
</embed>
</object>
Ответ 3
Это подходит для приложений из корневой среды.
<object type="application/x-shockwave-flash" data="/dir/application.swf"
id="applicationID" style="margin:0 10px;width:auto;height:auto;">
<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->
<!-- ↓ Required paramter or not, depends on application -->
<param name="FlashVars" value="" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>
Дополнительные параметры должны быть добавлены/могут быть добавлены, что зависит от .swf. Не вставлять, просто объект и параметры внутри, поэтому он остается действительным, работает и используется повсюду, неважно, о чем! DOCTYPE.:)
Ответ 4
Как насчет встроенного тега HTML5?
<!DOCTYPE html>
<html>
<body>
<embed src="anim.swf">
</body>
</html>
Ответ 5
Если вы используете одну из этих js-библиотек для вставки Flash, я предлагаю добавить тэг для встраивания обычного объекта внутри <noscript/>.
Ответ 6
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01"
style="width:640px;height:480px;margin:10px 36px;">
<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>
Ответ 7
Я использую http://wiltgen.net/objecty/, он помогает внедрять медиаконтент и избегать проблемы с IE "нажмите, чтобы активировать".
Ответ 8
Как упоминалось, SWF Object отлично. UFO стоит посмотреть также
Ответ 9
Это будет работать, я уверен!
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">
Ответ 10
Каков наилучший способ? Такие слова, как "наиболее эффективный", "самый быстрый рендеринг" и т.д., Более конкретны. Во всяком случае, я предлагаю альтернативный ответ, который помогает мне большую часть времени (независимо от того, является ли он "лучшим" или нет).
Альтернативный ответ: используйте iframe.
То есть, размещайте SWF файл на сервере. Если вы поместите SWF файл в папку root или public_html, SWF файл будет расположен в www.YourDomain.com/YourFlashFile.swf.
Затем, на вашем index.html или где бы то ни было, соедините вышеуказанное местоположение с вашим iframe, и оно будет отображаться вокруг вашего контента, где бы вы не разместили ваш iframe. Если вы можете разместить iframe там, вы можете поместить туда SWF файл. Сделайте размеры iframe такими же, как ваш SWF файл. В приведенном ниже примере SWF файл равен 500 на 500.
Псевдокод:
<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>
Строка HTML-кода выше введет ваш SWF файл. Никакой другой беспорядок не нужен.
Плюсы: совместимость с W3C, дружелюбный дизайн страницы, отсутствие скорости, минималистский подход.
Минусы: пустое пространство вокруг вашего SWF файла при запуске в браузере.
Это альтернативный ответ. Является ли это "лучшим" ответом, зависит от вашего проекта.
Ответ 11
Я знаю, что это старый вопрос. Но этот ответ будет хорошим пока.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>histo2</title>
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffff99;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object type="application/x-shockwave-flash" data="histo2.swf" width="822" height="550" id="histo2" style="float: none; vertical-align:middle">
<param name="movie" value="histo2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffff99" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<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>
</object>
</div>
</body>
</html>
Ответ 12
Вы можете использовать JavaScript, если вы знакомы, например:
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");
- 9.0.0 - это флеш-версия.
Или вы можете использовать тег <object> для HTML5.
Ответ 13
Это сработало для меня:
<a target="_blank" href="{{ entity.link }}">
<object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;">
<param name="quality" value="high">
<param name="play" value="true">
<param name="LOOP" value="false">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="true">
</object>
</a>
Ответ 14
Это работает на IE, Edge, Firefox, Safari и Chrome.
<object type="application/x-shockwave-flash" data="movie.swf" width="720" height="480">
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<a href="#" onclick="location.href='http://www.adobe.com/go/getflash'; return false;">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>