اموزش جامع video tag html5

درین مقاله خیلی واضح و کامل به بررسی چگونگیه کاربا video tag پرداختیم و همچنین به چگونگیه داینامیک کردن و خواندنش از سمت سرور نیز پرداختیم و سپس به معرفی یک پلیر دیگر نیز پرداختیم

درین مقاله قراره باهم طرز استفاده ی video tag در html رو بررسی کنیم.

آنچه باهم میخوانیم:

• اموزش ویدیو تگ
• کد گذاشتن فیلم در html
• چگونه در html فیلم بگذاریم
• اموزش video tag html5
• ویدیو پلیر در لاراول
• چگونه از video tag html استفاده کنیم

اموزش ویدیو تگ

ببینید دوستان عزیز اولین چیزی که باید بگم اینه که استفاده ی از این تگ در پروژه هاتون بسیار کار ساده ای هستش. یعنی حتی اگر میخواهید به طور داینامیک(پویا) از دیتابیس
بخونیدش باز هم استفاده ی استفاده ی video tag بسیار کار ساده ای هستش.

کد گذاشتن فیلم در html
 

اصلن نیاز به توضیح خاصی نداره. در سایت w3schools هم توضیح زیادی داده نشده اما خب در این مقاله سعی میکنیم تا حد نیاز براتون توضیح بدیم. پس باما همراه باشید.

چگونه در html فیلم بگذاریم

ابتدا بصورت غیر داینامیک رو میگم: 

<video width="320" height="240" controls>

      <"source src="clip.mp4" type="video/mp4>

<video/>

در اینجا اومدیم گفتیم یک فایل ویدیویی با نام clip.mp4 موجود هستش که میخواهیم برامون باما این قابلیت video tag HTML نمایش بدهی.
 

اموزش video tag html5

حالا یه موقع ممکنه شما بخوای از دیتابیس اون فایل ویدیویی رو بگیرین و نمایش بدید.(در اینجا صرفن نمایش اون فایل رو بهش اشاره میکنیم).
در نمایش استفاده ی video tag برای حالته داینامیک بای یک مثال اگه بخوام بهش اشاره کنم اینجوری میشه:
 

<video width="320" height="240" controls>     

      <source src="{{  asset('storage/'.$video->path) }}" type="video/ogg">

Your browser does not support the video tag.

<video/>

در دیتابیس path برای ویدیو اینگونه ذکر شده که : videos/blue.mp4
در واقع گفته شده که ویدیویی داریم در دیتابیس که مسیر آن برابر است با چیزی که قرار بود نمایش داده بشه. حالا کلیپ به خوبی اجرا میشه. فقط توصیه میکنم به نحوه ی 
آدرس دهی و فراخوانیش بسیار توجه داشته باشید.
 

ویدیو پلیر در لاراول
 

اما خب ممکنه از امکاناتی که این ویدیو پلیر برای شما تدارک دیده رضایت نداشته باشید . پس این رو باید اشاره کنم که نمایشگر های دیگه ای هم وجود داره که شما میتونین
ازش استفاده کنین مانند: video.js .

چگونه از video tag html استفاده کنیم

اما خب باید در نظر داشته باشید این مورد رو که یه مقدار تخصصی هستش و باید لااقل مقداری برای کارباهاش و اضافه کردن خصوصیات دلخواهتان با زبان برنامه نویس
جاوا اسکریپت آشنایی داشته باشید(اما خب اگه اشنا نباشین هم میتونین از معجزه ی کپی پیست استفاده کنید).
در این مقاله سعی کردیم استفاده ی video tag را برای شما عزیزان آموزش بدیم. امیدواریم مفید واقع شود.