negin.server
July 13th, 2013, 12:18
تو این تاپیک قصد دارم طریقه پخش فیلم در 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>
برای تمرین و اجرا به صورت انلاین کلیک کنید. (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_video_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>
برای تمرین و اجرا به صورت انلاین کلیک کنید. (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_video_html5)
منبع پرشین اسکریپت