Валидация на embed или как youtube клипчетата да не ни мъчат повече
Здравейте,
След толкоз проблеми, работа, мързел и безмислени идеи, на аз реших да пусна първото постче тука. Само да спомена че този пост е с ID 15, затова смятайте колко са отишли в коша(има едно драфтче за обектноориентирано програмиране с php, ама едва ли ще види бял свят скоро)
Както и да е. Понеже както всички знаем колко е важна валидацията на кода който пишем. Няма да ви обяснявам предимствата му и за чий *** да си валидирате кода.
Преди няколко дни в http://webmasterbg.org беше зададен въпрос как да се валидира кода на клипчетата от youtube, които ни се предлагат да си ‘вградим’ в страниците. Този код е невалиден заради “празните” param тагове и заради embed тага, който беше “изритан” от XHTML.
Затова в тази статия ще покажа как да имаме абсолютно валиден код, ‘вградено’ флаш плейърче от youtube и значително количество бира(добре де…унесох се…последното го знаете
)
Та как стоят нещата? Харесваме си едно клипче от YouTube и си казваме “Няма начин лепя го в блога/сайта си!”(взимам некви нинджи от началната страница още)
В дясно взимаме кодчето което ни дават за целта:
<object width=”425″ height=”355″><param name=”movie” value=”http://www.youtube.com/v/qu719Jrqbh0&rel=1″></param><param name=”wmode” value=”transparent”></param><embed src=”http://www.youtube.com/v/qu719Jrqbh0&rel=1″ type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”355″></embed></object>
Е да, ама този код е невалиден. Затова ни идва в помощ SWFObject.
Много е полезно това. Последвайте линка ако искат да изтеглите целия скрипт с примери обяснения и т.н.
Та използвайки него, си поиграх малко и сътворих това:
<script type=”text/javascript” src=”swfobject.js”></script>
<div id=”flashcontent”>
Ninja Dance Party!
</div>
<script type=”text/javascript”>
// <![CDATA[
var so = new SWFObject("http://www.youtube.com/v/qu719Jrqbh0", "movie", "425", "355", "8", "#FFFFFF");
so.addParam("movie", "http://www.youtube.com/v/qu719Jrqbh0");
so.addParam("wmode", "transparent");
so.write("flashcontent");
// ]]>
</script>
Кодът е абсолютно валиден. Резултатът е същия и всички сме доволни! Единственото нещо което ни трябва е js файла swfobject.js, можете да го свалите заедно с обяснения пример и т.н. от горния линк.
Аз от своя страна, за хората които не смятат да се занимават със SWFObject ,а просто да си мятат клипчета и да са валидни, съм прикачил едно .zip-че, с което да само си оправят описанието и адреса и … летите ей
Свали SWFObejct скриптчето на Кирил Владимиров от тук.
П.П. Отново подканвам желаещи да помогнат с обогатяване на wiki-то ни!

December 10th, 2007 15:08
Ъ… извинете, това на колко браузъра е тествано? Има добра причина вграждането на Flash да е практика дублирано всеки път (и втория вариант да е невалиден).
Казва се Microsoft Internet Explorer.
(може и аз да не съм много в час, разбира се, ама последния път като го пробвах това… се отказах)
December 10th, 2007 20:38
Да…наистина трябва да се прави проверка и ако браузъра е IE…просто добрия, стар, невалиден embed. Просто няма какво да се направи във случая. Това е единствения браузър, който не се влияе от каквито и да е стандарти, просто…
December 10th, 2007 20:44
[...] стига това ми вчера събрах сили и написах една статия Валидация на embed или как youtube клипчетата да не ни мъчат
January 21st, 2008 20:19
Хиляди благодарности от мен !!!!
Това ме мъчеше 100 години.
March 27th, 2008 07:59
И какво ?
so.write(”flashcontent”);
Това какво прави, а дали не изкарва и то невалидния код. Я пробвай сега да го валидираш генерирания код. Глупости…