قرار دادن ویدیو و صدا در html5

amuzeshtak · آذر 96

در این مقاله میخوایم نحوه قرار دادن ویدیو و صدا و اتریبیوت های هر یک رو باهم دیگه بررسی کنیم .

با اضا??ه شدن تگ

برای قرار دادن یک ویدیو به این صورت عمل میکنیم :

خب الان به بررسی قسمت های مختل?? این کد بپردازیم:

1- ویژگی controls که در تگ ویدیو قرار داده شده کنترل های مختل?? یک پلیر مانند play & pause رو اضا??ه میکند.

2- ویژگی های width و height ، عرض و ارت??اع ویدیو را مشخص میکند.

3-تگ source که داخل تگ ویدیو قرار داده شده آدرس ویدیو رو با اتریبیوت src دریا??ت میکند.

4- اتریبیوت type که در تگ source قرار دارد نوع ویدیو رو مشخص میکند که میتواند سه نوع داشته باشد :

5- در صورتی که مرورگر کاربر از تگ ویدیو پشتیبانی نکند پیغامی که بعد از تگ source قرار داده شده به کاربر نشان داده میشود

یک سری از اتریبیوت های دیگه برای تگ ویدیو :

muted : ویدیو را به صورت پیش ??رض بی صدا میکند
autoplay: در صورتی که این ص??ت قرار داده شود ویدئو به محض اینکه ص??حه لود شود، خود به خود پخش می شود.
loop: در صورت وجود پس از اتمام نمایش ویدئو، پخش آن دوباره شروع می شود.
poster : با این اتریبیوت میتوان یک تصویر را به عنوان پوستر برای ویدیو قرار داد.

خب این از تگ ویدیو الان بپردازیم به قرار دادن صدا در HTML5 که میتونیم بگیم کاملا شبیه به تگ ویدیو عملیات انجام میشود:

برای قرار دادن یک صدا در HTML5 به این صورت عمل میکنیم :

مرورگر شما از تگ audio پشتیبانی نمیکند تمامی قسمتهای تگ audio مشابه تگ video است ??قط در قسمت type تگ source میتوان انواع زیر رو قرار داد :

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

مو??ق باشید.

ویرایش شده آذر 96 توسط amuzeshtak

پست های پیشنهاد شده