افزودن فایل فلش به صفحه
آبان ۹م, ۱۳۸۸
استاندارد فعلی برای الحاق فیلمهای فلش به اسناد HTML، استفاده از جاوااسکریپته. کتابخانههای قدرتمندی مثل SWFObject هم برای این منظور توسعه داده شدهاند. چرا باید با این شیوه فایل فلش رو اضافه کنیم؟ چون علاوه بر اینکه اسناد رو تمیز نگهمیداره امکان ارائه محتوا (مثلا متن یا تصویر جایگزین) هم به کاربر میده (این از نظر accessibility خیلی اهمیت داره چون کاربرانی که از نرمافزارهای صفحهخوان استفاده میکنند قادر به مشاهده فیلم فلش نیستند) تا در صورتی که بازدیدکننده به هر دلیلی به فلش پلیر دسترسی نداشت نمایش داده بشه و یا حتی امکان نصب فلش پلیر رو بهش بده.
اینها خیلی خوبه ولی من زیاد با این روش موافق نیستم. چون در صورتی که کاربر فلش پلیر رو داشته باشه (و ۹۹ درصد رایانههای جهان فلش پلیر رو نصب شده دارند) ولی جاوااسکریپت غیرفعال باشه باز چیزی نمیبینه. (آمار مربوطه رو در اینجا ببینید.) دوم نیاز به بارگذاری کتابخونه هست. یه درخواست (httprequest) اضافی برای براگذاری کتابخانه لازمه و swfobject، حدود ۱۰ کیلوبایت حجم داره. بعلاوه، زمان پردازش صفحه رو هم بالا میبره. این از اون نظر مهمه که مثلا اسکریپت اصلاح فایلهای PNG در مرورگر IE6 فقط ۵۰۰ میلی ثانیه به زمان پردازش صفحه اضافه میکنه ولی تست یاهو نشون داد همین ۵۰۰ میلی ثانیه تعداد بازدیدها از سایت یاهو رو دو درصد کمتر کرد. [آمار این تکه آخری رو از حذف گفتم. ممکنه اشتباه باشه.]
اینا رو گفتم که به این برسم که مدتی قبل در بخش Snippetهای سایت CSS-Tricks به این قطعه کد فوق مفید برخوردم که کاملاً valid هست در همههای مرورگرها هم به خوبی کار میکنه. داشته باشیدش یه جایی دم دست که خیلی به کار میخوره.
<object type="application/x-shockwave-flash"
data="your-flash-file.swf"
width="0" height="0">
<param name="movie" value="your-flash-file.swf" />
<param name="quality" value="high"/>
</object>
آیا راه بهتری برای چپاندن فیلم فلش در صفحه وجود داره؟