پیش فرض آموزش پخش فیلم در html5
تو این تاپیک قصد دارم طریقه پخش فیلم در HTML5 رو آموزش بدم.یکی از قابلیت های مهمی که نسخه جدید HTML یا همون HTML5 در اختیار ما قرار داده ، پخش فیلم در صفحات وب هستش البته مرورگرهای قدیمی از این قابلیت پشتیبانی نمی کنند.
خوب بریم سراغ آموزش!
برای شروع برید سراغ ویرایشگرتون و یک صفحه HTML بسازیدو اون رو ذخیره کنید.
فرمت های ویدیویی:
شاید کم حجم ترین فرمت ویدیویی برای پخش در صفحات وب FLV باشه ولی توی HTML5 فرمت MP4 بیشتر پیشنهاد میشه!
کد کلی video :
کد HTML:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="movie.webm" type="video/webm"> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240"> </object> </video>
اگه با تگ های HTML اشنایی کامل داشته باشید.مسلماً با دیدن کد بالا فهمیدید که تمامی تگ هایی که برای پخش ویدیو لازمن در بین تگ <video> قرار گرفتن!
تگ <video> :
این تگ وظیفه تعریف یک ویدیو یا فیلم در HTML5 را دارد.
نکته:توجه داشته باشید که controls autoplay در کنار تگ <video> باشد مانند کد بالا!در غیراین صورت ویدیو پخش نخواهد شد.
عنصر <embed> :
این برچسب با هدف جاسازی عناصر چندرسانه ای در صفحات HTML به کار برده میشه!
قطعه زیر HTML نمایش یک ویدیو فلش جاسازی شده در یک صفحه وب:
کد HTML:
<embed src="intro.swf" width="200" height="200">
عنصر <object> :
این برچسب با هدف جاسازی عناصر چندرسانه ای در صفحات HTML به کار برده میشه!
قطعه زیر HTML نمایش یک ویدیو فلش جاسازی شده در یک صفحه وب:
کد HTML:
<object data="intro.swf" height="200" width="200"></object>
منبع پرشین اسکریپت
