تو این تاپیک قصد دارم طریقه پخش فیلم در 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>

منبع پرشین اسکریپت