قبلا تنها راه درج یک ویدئو در سایت فقط توسط فلش اکان پذیر بود . اما امروزه با پیشرفت زبان های برنامه نویسی تحت وب همچن html که جدیدا نسخه ۵ آن در اختیار برنامه نویسان وب قرار گرفته است ، درج ویدئو با کد های hmtl5 نیز در یک سایت بدون استفاده از فلش امکانپذیر شده است. در این پست میخوام که نشان بدم چطوری میتونیم یک ویدئو را در یک صفحه html تنها با استفاده از کد های html5 نشان دهیم .

خوب ابتدا کد های اصلی صفحه html را قرار میدهیم که به صورت زیر است :

[code]














[/code]

سپس کدها ویدئو پلیر رو در تگ body قرار میدیم .

[code]

[/code]

می توانید پهنای ویدئوپلیر رو نیز توسط css کنترل کنید ببا استفاده از استایل زیر

[code]
video {max-width: 100%; height: auto;}
[/code]

جهت فهم بیشتر میتوانید نمونه آماده آن را از طریق لینک زیر دانلود کنید .

آدرس لود ویدئو را در فایل های html‌جهت پخش تغییر دهید .

منبع : designm.ag

Facebook

Twitter

Linkedin