آموزش پخش فیلم در html5

  • شروع کننده موضوع erfan
  • تاریخ شروع

erfan

طراح وب
26/10/12
674
0
16
سلام به همه کاربران پرشین اسکریپت :D

تو این تاپیک قصد دارم طریقه پخش فیلم در HTML5 رو آموزش بدم.یکی از قابلیت های مهمی که نسخه جدید HTML یا همون HTML5 در اختیار ما قرار داده ، پخش فیلم در صفحات وب هستش البته مرورگرهای قدیمی از این قابلیت پشتیبانی نمی کنند.

خوب بریم سراغ آموزش!

برای شروع برید سراغ ویرایشگرتون و یک صفحه HTML بسازیدو اون رو ذخیره کنید.

فرمت های ویدیویی:

شاید کم حجم ترین فرمت ویدیویی برای پخش در صفحات وب FLV باشه ولی توی HTML5 فرمت MP4 بیشتر پیشنهاد میشه!

کد کلی video :


کد:
<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 نمایش یک ویدیو فلش جاسازی شده در یک صفحه وب:


کد:
<embed src="intro.swf" width="200" height="200">
عنصر <object> :

این برچسب با هدف جاسازی عناصر چندرسانه ای در صفحات HTML به کار برده میشه!

قطعه زیر HTML نمایش یک ویدیو فلش جاسازی شده در یک صفحه وب:


کد:
<object data="intro.swf" height="200" width="200"></object>




 
آخرین ویرایش توسط مدیر:

A_pormehr

کاربر عضو
12/7/12
175
0
16
داداش میشه این کدو داخل شرط <if>به کار گرفت؟