<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SEO блог и уеб програмиране &#187; embed</title>
	<atom:link href="http://ganbox.com/blog/tag/embed/feed/" rel="self" type="application/rss+xml" />
	<link>http://ganbox.com/blog</link>
	<description>SEO практика: трикове при оптимизация и решаване на проблеми при уеб програмиране.</description>
	<lastBuildDate>Thu, 26 Jan 2012 19:15:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Флаш анимация без таг embed за валиден XHTML</title>
		<link>http://ganbox.com/blog/%d1%84%d0%bb%d0%b0%d1%88-%d0%b0%d0%bd%d0%b8%d0%bc%d0%b0%d1%86%d0%b8%d1%8f-%d0%b1%d0%b5%d0%b7-%d1%82%d0%b0%d0%b3-embed-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/</link>
		<comments>http://ganbox.com/blog/%d1%84%d0%bb%d0%b0%d1%88-%d0%b0%d0%bd%d0%b8%d0%bc%d0%b0%d1%86%d0%b8%d1%8f-%d0%b1%d0%b5%d0%b7-%d1%82%d0%b0%d0%b3-embed-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 23:40:17 +0000</pubDate>
		<dc:creator>gan</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Валиден HTML код]]></category>
		<category><![CDATA[Уеб програмиране]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[swfobject]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[анимация]]></category>
		<category><![CDATA[валиден]]></category>
		<category><![CDATA[урок]]></category>
		<category><![CDATA[филм]]></category>
		<category><![CDATA[флаш]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=110</guid>
		<description><![CDATA[В този урок за SEO оптимизиране се показва как уеб страница, която показва swf флаш анимация да бъде преработена към валиден XHTML код. В примера се приема, че флаша се намира в директория /flash/2009.swf и има размери 294 ширина и 260 височина на полето за анимацията. Ако кода е писан отдавна, вероятно ще изглежда подобно [...]]]></description>
			<content:encoded><![CDATA[<p>В този урок за SEO оптимизиране се показва как уеб страница, която показва swf флаш анимация да бъде преработена към валиден XHTML код.</p>
<p>В примера се приема, че флаша се намира в директория <span class="attribute-value">/flash/2009.swf</span> и има размери 294 ширина и 260 височина на полето за анимацията.</p>
<p>Ако кода е писан отдавна, вероятно ще изглежда подобно на този:</p>
<pre id="line177"><span style="color: #993300;">&lt;<span class="start-tag">object</span><span class="attribute-name"> classid</span>=<span class="attribute-value">"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" </span><span class="attribute-name">
  codebase</span>=<span class="attribute-value">"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" </span><span class="attribute-name">
  width</span>=<span class="attribute-value">"294" </span><span class="attribute-name">height</span>=<span class="attribute-value">"260"</span>&gt;
  &lt;<span class="start-tag">param</span><span class="attribute-name"> name</span>=<span class="attribute-value">"movie" </span><span class="attribute-name">value</span>=<span class="attribute-value">"http://arthuradams.bg/flash/2009.swf" </span><span class="error"><span class="attribute-name">/</span></span>&gt;
  &lt;<span class="start-tag">param</span><span class="attribute-name"> name</span>=<span class="attribute-value">"quality" </span><span class="attribute-name">value</span>=<span class="attribute-value">"high" </span><span class="error"><span class="attribute-name">/</span></span>&gt;
  &lt;<span class="start-tag">param</span><span class="attribute-name"> name</span>=<span class="attribute-value">"wmode" </span><span class="attribute-name">value</span>=<span class="attribute-value">"opaque" </span><span class="error"><span class="attribute-name">/</span></span>&gt;
  &lt;<span class="start-tag">embed</span><span class="attribute-name"> src</span>=<span class="attribute-value">"http://arthuradams.bg/flash/2009.swf" </span><span class="attribute-name">wmode</span>=<span class="attribute-value">"opaque" </span><span class="attribute-name">quality</span>=<span class="attribute-value">"high" </span><span class="attribute-name">
  pluginspage</span>=<span class="attribute-value">"http://www.macromedia.com/go/getflashplayer" </span><span class="attribute-name">type</span>=<span class="attribute-value">"application/x-shockwave-flash"
  </span><span class="attribute-name">width</span>=<span class="attribute-value">"294" </span><span class="attribute-name">height</span>=<span class="attribute-value">"260"</span>&gt;&lt;/<span class="end-tag">embed</span>&gt;
&lt;/<span class="end-tag">object</span>&gt;</span></pre>
<p>Този код <span style="color: #993300;">не е валиден XHTML</span> заради тага embed и при опит да мине през <a href="http://validator.w3.org/">валидатора</a> дава грешки, първата от които прилича на тази:</p>
<pre id="line177"><em>Line 181, Column 17</em>:
<strong><span class="msg">Attribute "src" exists, but can not be used for this element.</span></strong>
&lt;embed src=<strong title="Position where error was detected.">"</strong>http://arthuradams.bg/flash/2009.swf" wmode="opaque" quality="h...</pre>
<p>При търсене в Гугъл по думи като &#8222;XHTML embed&#8220; излизат десетки статии, в които грешно се посочва, че горния код може да бъде заменен с нещо като:</p>
<pre id="line177"><span style="color: #993300;"><span class="html-comment">&lt;!--[if !IE]&gt; --&gt;</span>
<span class="html-tag">&lt;object</span><span class="html-tagin"> type=</span><span class="html-quote">"application/x-shockwave-flash"</span><span class="html-tagin"> data=</span><span class="html-quote">"</span><span class="attribute-value">http://arthuradams.bg/flash/2009.swf</span><span class="html-quote">"</span><span class="html-tagin">
  width=</span><span class="html-quote">"294"</span><span class="html-tagin"> height=</span><span class="html-quote">"260"</span><span class="html-tag">&gt;</span>
<span class="html-comment">&lt;!-- &lt;![endif]--&gt;</span>

<span class="html-comment">&lt;!--[if IE]&gt;
&lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  width="294" height="260"&gt;
  &lt;param name="movie" value="</span><span class="attribute-value">http://arthuradams.bg/flash/2009.swf</span><span class="html-comment">" /&gt;
&lt;!--&gt;&lt;!--dgx--&gt;</span>
  <span class="html-tag">&lt;param</span><span class="html-tagin"> name=</span><span class="html-quote">"loop"</span><span class="html-tagin"> value=</span><span class="html-quote">"true"</span><span class="html-tagin"> /</span><span class="html-tag">&gt;</span>
  <span class="html-tag">&lt;param</span><span class="html-tagin"> name=</span><span class="html-quote">"menu"</span><span class="html-tagin"> value=</span><span class="html-quote">"false"</span><span class="html-tagin"> /</span><span class="html-tag">&gt;</span>

  <span class="html-tag">&lt;p&gt;</span>This is <span class="html-tag">&lt;b&gt;</span>alternative<span class="html-tag">&lt;/b&gt;</span> content.<span class="html-tag">&lt;/p&gt;</span>
<span class="html-tag">&lt;/object&gt;</span>
<span class="html-comment">&lt;!-- &lt;![endif]--&gt;</span></span>

<span style="color: #000000;"><strong>Горния код е грешен и НЕ РАБОТИ!</strong></span></pre>
<p>Според мен единственото XHTML решение работещо на всички браузъри е с използване на JavaScript.</p>
<h3>Пример с използване на swfobject.</h3>
<p>Изтегли си файла <a href="http://ganbox.com/inc/swfobject.js">http://ganbox.com/inc/swfobject.js</a> и го качи на твоя сайт. В следващия пример се приема, че е в директория /jscripts<br />
Между таговете head постави реда</p>
<pre><span style="color: #008000;">&lt;script type="text/javascript" src="/jscripts/swfobject.js"&gt;&lt;/script&gt;</span></pre>
<p>Там където искаш да се появи флаш филма постави следния div:</p>
<pre><span style="color: #008000;">&lt;div id="flashcontent" style="float:left; margin:10px"&gt;
&lt;strong&gt;You need to upgrade your Flash Player&lt;/strong&gt;
&lt;/div&gt;</span></pre>
<p>Слад това в страницата изпълни скрипта</p>
<pre><span style="color: #008000;">&lt;script type="text/javascript"&gt;
// &lt;![CDATA[
var so = new SWFObject("<span class="attribute-value">http://arthuradams.bg/flash/2009.swf</span>",
  "title", "294", "260", "7", "#FF6600");
so.write("flashcontent");
// ]]&gt;
&lt;/script&gt;</span></pre>
<p>Естествено вместо arthuradams.bg напиши името на домейна на твоя сайт.  Би трябвало да стане и само с &#8222;/flash/2009.swf&#8220;.</p>
<p><span style="color: #008000;"> </span></p>
<p>Работещ пример има в старница <a href="http://arthuradams.bg/">обучения от ArthurAdams.bg</a>, която е валиден XHTML.</p>
<p>В статията се ползва кода на проекта <a href="http://code.google.com/p/swfobject/">swfobject</a>.</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>4807</b><br /><span style="color:grey;font-size:0.8em">(след дата 20 декември 2009)</span></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/xhtml-%d0%b8-%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-embed/' rel='bookmark' title='Permanent Link: XHTML и заместване на тага embed'>XHTML и заместване на тага embed</a> <small>Тага embed служи за вмъкване на видео или аудио файл...</small></li>
<li><a href='http://ganbox.com/blog/%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-marquee-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/' rel='bookmark' title='Permanent Link: Заместване на тага marquee за валиден XHTML'>Заместване на тага marquee за валиден XHTML</a> <small>HTML тага marquee се използва за автоматично скролиране на текст....</small></li>
<li><a href='http://ganbox.com/blog/%d0%bf%d1%80%d0%b5%d0%bc%d0%b0%d1%85%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-html-%d0%b3%d1%80%d0%b5%d1%88%d0%ba%d0%b8/' rel='bookmark' title='Permanent Link: Премахване на грешки в сайт и преминаване към XHTML'>Премахване на грешки в сайт и преминаване към XHTML</a> <small>Тази статия е за често срещани HTML грешки в сайтовете...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/%d1%84%d0%bb%d0%b0%d1%88-%d0%b0%d0%bd%d0%b8%d0%bc%d0%b0%d1%86%d0%b8%d1%8f-%d0%b1%d0%b5%d0%b7-%d1%82%d0%b0%d0%b3-embed-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>XHTML и заместване на тага embed</title>
		<link>http://ganbox.com/blog/xhtml-%d0%b8-%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-embed/</link>
		<comments>http://ganbox.com/blog/xhtml-%d0%b8-%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-embed/#comments</comments>
		<pubDate>Fri, 15 May 2009 15:42:27 +0000</pubDate>
		<dc:creator>gan</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Валиден HTML код]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[swf]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[анимация]]></category>
		<category><![CDATA[браузър]]></category>
		<category><![CDATA[валиден]]></category>
		<category><![CDATA[Добавяне на нов етикет]]></category>
		<category><![CDATA[код]]></category>
		<category><![CDATA[мултимедия]]></category>
		<category><![CDATA[плеър]]></category>
		<category><![CDATA[преливане на картинки]]></category>
		<category><![CDATA[слайдшоу]]></category>
		<category><![CDATA[смяна на картинки]]></category>
		<category><![CDATA[стандарт]]></category>
		<category><![CDATA[страница]]></category>
		<category><![CDATA[таг]]></category>
		<category><![CDATA[уеб]]></category>
		<category><![CDATA[урок]]></category>
		<category><![CDATA[флаш]]></category>

		<guid isPermaLink="false">http://ganbox.com/blog/?p=81</guid>
		<description><![CDATA[Тага embed служи за вмъкване на видео или аудио файл в уеб страница, така че при зареждане на страницата мултимедийния файл може да  започне да се изпълнява директно. За съжаление този таг не е по XHTML стандарта и се използват различни техники за заместването му. Ако имаш обикновен swf файл с флаш анимация, която искаш [...]]]></description>
			<content:encoded><![CDATA[<p>Тага embed служи за вмъкване на видео или аудио файл в уеб страница, така че при зареждане на страницата мултимедийния файл може да  започне да се изпълнява директно. За съжаление този таг не е по XHTML стандарта и се използват различни техники за заместването му.</p>
<p>Ако имаш обикновен swf файл с флаш анимация, която искаш да стане валиден XHTML, прочети <a href="http://ganbox.com/blog/Флаш-анимация-без-таг-embed-за-валиден-xhtml/">Флаш анимация без таг embed за валиден xhtml</a></p>
<p>В разгледания пример има HTML код за смяна на картинки &#8211; слайдшоу. Картинките са описани в XML файл, който се подава на SWF файл. Файла player.swf е флаш плеър, който сменя картинките, като плавно прелива от едната в другата през 5 секунди. Освен това в долния десън ъгъл показва толкова бутончета, колкото са картинките и може бързо да се превключва между тях. Работеща версия може да видиш в страницата на <a href="http://livadeto.com/vila">вила Ливадето</a>.</p>
<p>Стария HTML код е несъвместим с XHTML стандарта и дава грешки при проверка с валидатора.<br />
<span style="color: #993300;">Ето грешния код:</span></p>
<p>&lt;div id=&#8220;slideshow&#8220;&gt;&lt;object width=880 height=330<br />
classid=&#8220;clsid:D27CDB6E-AE6D-11CF-96B8-444553540000&#8243;<br />
codebase=&#8220;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab&#8220;&gt;<br />
&lt;param name=&#8220;movie&#8220; value=&#8220;player.swf&#8220;&gt;<br />
&lt;param name=&#8220;quality&#8220; value=&#8220;high&#8220;&gt;<br />
&lt;param name=&#8220;loop&#8220; value=&#8220;true&#8220;&gt;<br />
&lt;param name=&#8220;wmode&#8220; value=&#8220;opaque&#8220;&gt;<br />
&lt;param name=&#8220;autoplay&#8220; value=&#8220;true&#8220;&gt;<br />
&lt;param name=&#8220;FlashVars&#8220; value=&#8220;bcastr_xml_url=slideshow.xml&amp;AutoPlayTime=5&#8243;&gt;<br />
&lt;embed src=&#8220;player.swf&#8220; width=880 height=330 quality=&#8220;high&#8220;<br />
type=&#8220;application/x-shockwave-flash&#8220; wmode=&#8220;opaque&#8220;<br />
FlashVars=&#8220;bcastr_xml_url=slideshow.xml&amp;AutoPlayTime=5&#8243; loop=&#8220;true&#8220; autoplay=&#8220;true&#8220;<br />
pluginspage=&#8220;http://www.macromedia.com/go/getflashplayer&#8220;&gt;&lt;/embed&gt;<br />
&lt;/object&gt;<br />
&lt;/div&gt;</p>
<p><span style="color: #008000;">Този код се замества със следния валиден код:</span></p>
<p>&lt;div id=&#8220;slideshow&#8220;&gt;<br />
&lt;script src=&#8220;ac_activex.js&#8220; type=&#8220;text/javascript&#8220;&gt;&lt;/script&gt;<br />
&lt;script type=&#8220;text/javascript&#8220;&gt;<br />
AC_RunFlashContent(&#8216;width&#8217;,&#8217;880&#8242;,&#8217;height&#8217;,&#8217;330&#8242;,&#8217;quality&#8217;,'high&#8217;,<br />
&#8216;autoplay&#8217;,'true&#8217;,'loop&#8217;,'true&#8217;,'wmode&#8217;,'opaque&#8217;,<br />
&#8216;FlashVars&#8217;,'bcastr_xml_url=slideshow.xml&amp;amp;AutoPlayTime=5&#8242;,&#8217;codebase&#8217;,<br />
&#8216;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab&#8217;,'pluginspage&#8217;,<br />
&#8216;http://www.macromedia.com/go/getflashplayer&#8217;,'src&#8217;,'player.swf&#8217;);<br />
&lt;/script&gt;<br />
&lt;/div&gt;</p>
<p>За да работи този скрипт е нужен файла <a href="http://livadeto.com/ac_activex.js">ac_activex.js</a> да бъде качен в главната уеб директория. Той осигурява и това страницата да работи на всички браузъри. В примера се предполага, че файловете <a href="http://livadeto.com/images/bcastr31.swf">player.swf</a> и <a href="http://livadeto.com/images/slideshow83217453.xml">slideshow.xml</a> също са в главната уеб директория.</p>
<p>Крайният резултат е валиден HTML документ и работещ код на всички браузъри.</p>
<p>Ако JavaScript-а на браузъра е спрян, този код няма да сработи. За съжаление в момента нямам решение с тага <strong>object</strong>, което да работи на всички браузъри и да е валиден XHTML. Ако някой има идеи да пише, ще се радвам да ги науча. Най-малкото което може да се направи е да се сложи &lt;noscript&gt; блок, който да съдържа зареждане на първата картинка. Така поне първата картинка от поредицата картинки ще се покаже.</p>
<div style="float:right;display:block" class="counterViews">Брой разглеждания на тази статия: <b>3380</b><br /><span style="color:grey;font-size:0.8em">(след дата 20 декември 2009)</span></div>

<p>Подобни статии:<ol><li><a href='http://ganbox.com/blog/%d1%84%d0%bb%d0%b0%d1%88-%d0%b0%d0%bd%d0%b8%d0%bc%d0%b0%d1%86%d0%b8%d1%8f-%d0%b1%d0%b5%d0%b7-%d1%82%d0%b0%d0%b3-embed-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/' rel='bookmark' title='Permanent Link: Флаш анимация без таг embed за валиден XHTML'>Флаш анимация без таг embed за валиден XHTML</a> <small>В този урок за SEO оптимизиране се показва как уеб...</small></li>
<li><a href='http://ganbox.com/blog/%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-marquee-%d0%b7%d0%b0-%d0%b2%d0%b0%d0%bb%d0%b8%d0%b4%d0%b5%d0%bd-xhtml/' rel='bookmark' title='Permanent Link: Заместване на тага marquee за валиден XHTML'>Заместване на тага marquee за валиден XHTML</a> <small>HTML тага marquee се използва за автоматично скролиране на текст....</small></li>
<li><a href='http://ganbox.com/blog/%d0%bf%d1%80%d0%b5%d0%bc%d0%b0%d1%85%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-html-%d0%b3%d1%80%d0%b5%d1%88%d0%ba%d0%b8/' rel='bookmark' title='Permanent Link: Премахване на грешки в сайт и преминаване към XHTML'>Премахване на грешки в сайт и преминаване към XHTML</a> <small>Тази статия е за често срещани HTML грешки в сайтовете...</small></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://ganbox.com/blog/xhtml-%d0%b8-%d0%b7%d0%b0%d0%bc%d0%b5%d1%81%d1%82%d0%b2%d0%b0%d0%bd%d0%b5-%d0%bd%d0%b0-%d1%82%d0%b0%d0%b3%d0%b0-embed/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

