آموزش ایجاد ویدیوی تعاملی HTML5

سرفصل ها و درس ها

مقدمه و مثال Introduction and Example

• معرفی Introduction

• کار با فایل های پروژه Working with the Project Files

ایجاد طرح بندی صفحه ویدیوی شما Creating Your Video Page Layout

• نمای کلی Skeleton CSS Overview of Skeleton CSS

• چیدمان صفحه ویدیوی اصلی Basic Video Page Layout

• سبک سازی طرح بندی ویدیو Stylizing the Video Layout

• ایجاد یک منطقه توصیف ویدیو Creating a Video Description Area

• سبک سازی جعبه های قابل کلیک Stylizing the Clickable Boxes

• مروری بر Featherlight JS Overview of Featherlight JS

• ایجاد مناطق Featherlight Creating the Featherlight Areas

افزودن تعامل به ویدیوی شما Adding Interactivity to Your Video

• تنظیم رویدادهای کلیک در مناطق قابل کلیک Setting up Click Events on the Clickable Areas

• رفع مشکل در مرورگر کروم Fixing an Issue with Chrome Browser

• پخش/مکث عملکرد ویدیو Play/Pause Video Function

• اجرای یک تابع پس از بسته شدن لایت باکس Running a Function After Lightbox Closes

• ایجاد انتخاب کاربران Creating the Users Choice

• راه اندازی برخی از متغیرها Setting Up Some Variables

• رفع متغیر Variable Fix

• عملکردهای بارگذاری ویدئو و به روز رسانی زمان Video Loaded and Time Update Functions

• راه اندازی انتخاب در جدول زمانی ویدیوی شما Triggering the Choice in Your Video Timeline

• رویدادهای ویدیویی نیمه راه و به پایان رسید Halfway and Finished Video Events

• رویداد رسیدگی به انتخاب Choice Handling Event

• پرش به یک نقطه خاص در ویدیو Jumping to a Certain Point in the Video

• توقف ویدیو Stopping the Video

• به روز رسانی برچسب های زمان Updating the Time Labels

نتیجه Conclusion

• افکار نهایی Final Thoughts