دانلود سورس ریسپانسیو گذاشتن Videoدر صفحه وب با HTML5

دانلود سورس ریسپانسیو گذاشتن Videoدر صفحه وب با HTML5

در این سورس پروژه جالب که با استفاده از  HTML5 و CSS و JavaScripts طراحی شده است، میتوانید نمونه ای از گذاشتن video و فیلم بصورت ریسپانسیو روی صفحات وب سایت را دانلود نمایید.

همان طور که می دانید، امروزه فیلم ها و کلیپ های ویدئویی جزء جدایی ناپذیر از دنیای وب شده اند و بیش از پیش کاربران و مدیران وبلاگ ها و سایت ها تمایل دارند که از این نوع محتوا در صفحات خود استفاده کنند و کلیپ هایشان را با دیگران به اشتراک بگذارند، اما برای اکثر افراد، انجام این کار به راحتی ممکن نیست و بیشتر کاربران ترجیح می دهند از شبکه های اشتراک گذاری فیلم و کلیپ استفاده کنند. 

قبل از HTML5، هیچ روش استانداردی برای نشان دادن فیلم ها در یک صفحه وب وجود نداشت و ویدیوها و کلیپ های تصویری را تنها با یک پلاگین (مانند فلش) میشد نمایش داد.

تگ "video" در HTML5 یک روش استاندارد را برای قراردادن ویدئو در یک صفحه وب مشخص می کند.

قبل از اینکه بتوانیم ویدئو در وبلاگ یا سایت خود درج کنیم، باید فرمت ها و قابلیت های آنها را بشناسیم، فرمتهایی که در HTML5 برای پخش فیلم مورد استفاده قرار می گیرند عبارتند از mp4، ogg و webm. البته هر مرورگری فرمت یا فرمتهای خاصی را پشتیبانی می کند و لذا برای درج کلیپ خود باید آن را به چندین فرمت تبدیل کنید و همه ی فایل ها را در یک کد قرار دهید تا اگر مرورگر با یک فرمت سازگار نبود، به فرمت بعدی مراجعه کند.

 

در این پست شما میتوانید مثالی ساده و جالب از کار با برچسب Video در HTML5 را مشاهده کنید که خیلی ساده یک ویدیو را در یک صفحه وب به نمایش می گذارد.

در این سورس پروژه، دو کلیپ تصویری با فرمتهای mp4 و webm را میتوانید مشاهده کنید و تمام امکانات مشاهده وکار با فایل ویدیویی از جمله پخش، مکث و میزان صدای فیلم و همچنین تبدیل تصویر به نمای تمام صفحه وجود دارد.

 

 

هم اکنون بصورت رایگان سورس برنامه پخش کلیپ ویدیویی روی صفحه وب با HTML5 را میتوانید دانلود نمایید

حجم فایل :  3.21 MB