<span class="Apple-style-span" style="font-family: &#39;Segoe UI&#39;, Tahoma, Verdana, Arial, sans-serif; line-height: 17px; font-size: 10.8333px; color: rgb(42, 42, 42); ">Hi there,<div style="line-height: 17px; text-indent: 0px; ">
<br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">I&#39;ve noticed that when using Toolkits to create a Youtube page that the more recent Youtube embed codes were not displaying during preview or play mode. The Youtube model appeared to initiate but the initial graphic would not appear nor would anything play (just the animated loading icon would appear indefinitely.)</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">When comparing to previous embed codes I noticed a slight change in the syntax of the youtube parameters which seems to cause the Xerte Toolkits Youtube Page to no longer play properly. </div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">For example, I grabbed the following Youtube embed code today:</div><div style="line-height: 17px; text-indent: 0px; ">
<br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">&lt;object width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;<a href="http://www.youtube.com/v/iyKFp1Tff1k?fs=1&amp;amp;hl=en_US">http://www.youtube.com/v/iyKFp1Tff1k?fs=1&amp;amp;hl=en_US</a>&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;<a href="http://www.youtube.com/v/iyKFp1Tff1k?fs=1&amp;amp;hl=en_US">http://www.youtube.com/v/iyKFp1Tff1k?fs=1&amp;amp;hl=en_US</a>&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">... and the Xerte Toolkits Youtube page would not preview or play. The graphic box would render and the play button would appear in the middle of the object, but the still image would not--just a black background, and when pressing play the waiting animation would display indefinitely.</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">However, upon modifying the youtube movie parameters thusly: </div><div style="line-height: 17px; text-indent: 0px; ">
FROM</div><div style="line-height: 17px; text-indent: 0px; ">?fs=1&amp;amp;hl=en_US</div><div style="line-height: 17px; text-indent: 0px; ">TO</div><div style="line-height: 17px; text-indent: 0px; ">&amp;hl=en_US&amp;fs=1&amp;</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">so the embed code becomes:</div><div style="line-height: 17px; text-indent: 0px; ">
<br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">&lt;object width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;<a href="http://www.youtube.com/v/iyKFp1Tff1k&amp;hl=en_US&amp;fs=1&amp;">http://www.youtube.com/v/iyKFp1Tff1k&amp;hl=en_US&amp;fs=1&amp;</a>&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot;&gt;&lt;/param&gt;&lt;param name=&quot;allowscriptaccess&quot; value=&quot;always&quot;&gt;&lt;/param&gt;&lt;embed src=&quot;<a href="http://www.youtube.com/v/iyKFp1Tff1k&amp;hl=en_US&amp;fs=1&amp;">http://www.youtube.com/v/iyKFp1Tff1k&amp;hl=en_US&amp;fs=1&amp;</a>&quot; type=&quot;application/x-shockwave-flash&quot; allowscriptaccess=&quot;always&quot; allowfullscreen=&quot;true&quot; width=&quot;480&quot; height=&quot;385&quot;&gt;&lt;/embed&gt;&lt;/object&gt;</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">then the Youtube video functions correctly in both play and preview mode.</div><div style="line-height: 17px; text-indent: 0px; ">
<br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">Has anyone else encountered this problem and if so can you tell me a way so that I can rely on the embed code from Youtube without altering it as above?</div>
<div style="line-height: 17px; text-indent: 0px; "><br style="line-height: 17px; "></div><div style="line-height: 17px; text-indent: 0px; ">Thanks :-)</div><div style="line-height: 17px; text-indent: 0px; "><br></div><div style="line-height: 17px; text-indent: 0px; ">
Vince</div></span>