ویدئو در html 5
یادگیری JavaScriptمثال ویدئو در html
مشاهده مثالپخش فیلم ها در HTML
قبل از HTMl5 ، برای پخش ویدئو در مرورگر باید از پلاگین( مثل flash) استفاده میشد.
عنصر <video>در html5 یک روش استاندارد برای قراردادن یک ویدئو در صفحه وب مشخص می کند.
پشتیبانی مرورگر ها
شماره های داخل جدول زیر نشان دهنده اولین ورژن مرورگری است که بصورت کامل عنصر <video> را پشتیبانی می کند.
عنصر <video>
برای نمایش یک ویدئو در html از عنصر <video> استاده کنید.
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
مشاهده مثالعملکرد
ویژگی کنترل ها، کنترل های ویدئو مثل play ، pause و volume را اضافه می کنند.
ایده ی خوبی است که این کنترل ویژگی عرض و ارتفاع داشته باشد. اگر ارتفاع و عرض تنظیم نشود، ممکن است صفحه هنگام بارگیری ویدیو، دچار مشکل شود.
عنصر <source> به شما این امکان را می دهد که فایل های ویدئویی جایگزین را که مرورگر از آن انتخاب می کنید، مشخص کند. مرورگر از اولین فرمت شناخته شده استفاده خواهد کرد.
متنی که بین دو تگ <video> و </video>قرار می گیرد، در مرورگری که از تگ <video> پشتیبانی نمی کند، نمایش داده می شود.
<video> پخش خودکاردر HTML
برای پخش خودکار ویدئو از این ویژگی استفاده کنید:
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
مشاهده مثالویژگی پخش خودکار در دستگاه های موبایل مثل iPad و iPhone اجرا نمی شود.
پشتیبانی مرورگر – ویدئو
در html5 3 فرمت MP4 ، WebM و Ogg پشتیبانی می شود.
پشتیبانی مرورگر ها از فرمت های مختلف به صورت زیر است:
HTML ویدیو – انواع رسانه
متدها، خواص و رویداد ها – ویدئو در html
HTML5 متدهای Dom، خواص و رویداد هایی را برای عنصر <video> تعریف کرده است که به شما این امکان را می دهد تا ویدئو را load، playو pause کنید.
یادگیری HTML
- آموزش JavaScript
- معرفی JavaScript
- JavaScript در کجا قرار میگیرد
- خروجی های JavaScript
- دستورات JavaScript
- Comments در JavaScript
- متغیر های JavaScript
- اپراتورهای JavaScript
- اپراتورهای ارزیابی JavaScript
- ساختار JavaScript
- اپراتورهای تخصیص JavaScript
- انواع داده های JavaScript
- توابع JavaScript
- شی در JavaScript
- دامنه JavaScript
- رویدادهای JavaScript
- رشته JavaScript
- متد رشته JavaScript
- اعداد در JavaScript
- متد اعداد در JavaScript
- آرایه ها در JavaScript
- متدهای آرایه در JavaScript
- مرتب سازی ارایه ها در JavaScript
- شی تاریخ در JavaScript
- قالب تاریخ در JavaScript
- دریافت متد های تاریخ در JavaScript
- متد تنظیم تاریخ در JavaScript
- شی ریاضی JavaScript
- تابع random در JavaScript
- Boolean ها در JavaScript
- اپراتور های مقایسه و منطقی در JavaScript
- شرط ها در JavaScript
- دستور Switch در JavaScript
- حلقه For در JavaScript
- حلقه While در JavaScript
- Break و Continue در JavaScript
- تبدیل نوع در JavaScript
- اپراتورهای بیتی در JavaScript
- عبارات منظم در JavaScript
- خطاهای JavaScript
- اشکال زدایی JavaScript
- بالا بردن تعریف متغییر ها در JavaScript
- Use Strict در JavaScript
- کلیدواژه this در JavaScript
- راهنمای جاوا اسکریپت و قراردادهای کد گذاری
- روش های بهتر در JavaScript
- اشتباهات متداول در JavaScript
- افزایش کارایی در JavaScript
- کلمات ذخیره شده در JavaScript
- نسخه های JavaScript
- ECMAScript 5 در JavaScript
- ECMAScript 6 در JavaScript
- JSON در JavaScript
- فرم های JavaScript
- API اعتبارسنجی در JavaScript
- شیء جاوا اسکریپت
- خواص شی در JavaScript
- متدهای شی در JavaScript
- شی سازنده (Constructor) در JavaScript
- نمونه اولیه شی JavaScript
- تعریف تابع در JavaScript
- پارامترهای تابع در JavaScript
- فراخوانی تابع در JavaScript
- صدا زدن تابع در JavaScript
- تابع Apply در JavaScript
- Closures در JavaScript
- HTML DOM در JavaScript
- متدهای HTML DOM در JavaScript
- اسناد HTML DOM در JavaScript
- عناصر HTML DOM در JavaScript
- HTML DOM در JavaScript- تغییر HTML
- HTML DOM در JavaScript- تغییر CSS
- انیمیشن HTML DOM در JavaScript
- رویدادهای HTML DOM در JavaScript
- HTML DOM EventListener در JavaScript
- HTML DOM Navigation در JavaScript
- عناصر (گره ها) HTML DOM در JavaScript
- مجموعه HTML DOM در JavaScript
- لیست گره ها HTML DOM در JavaScript
- Window در JavaScript - مدل شیء مرورگر(BOM)
- Window Screen در JavaScript
- مکان در JavaScript
- Window History در JavaScript
- Window Navigator در JavaScript
- Popup در JavaScript
- رویدادهای زمان در JavaScript
- کوکی ها در JavaScript
مقالات و دروس
-
53 یادگیری HTML
-
71 یادگیری CSS
-
87 یادگیری JavaScript
-
28 یادگیری jQuery
-
59 یادگیری SEO
-
32 مفاهیم طراحی وب
-
12 مفاهیم برنامه نویسی
-
19 معرفی ابزار و نرم افزار
-
5 یادگیری UML
-
16 یادگیری AngularJS
-
35 یادگیری SQL
-
28 یادگیری Bootstrap
-
14 یادگیری XML
-
11 یادگیری JSON
-
2 یادگیری نقشه گوگل
-
1 چطور میتونم ؟
-
1 آموزش کاربردی Asp.net Core
-
2 آموزش Ajax
-
0 آموزش Font Awesome 5
عضویت در خبرنامه شرکت نرم افزاری وب مهراز
برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.
مقالات مرتبط
- 4 قانون برای نوشتن مطالب
- 4 روند برتر استراتژیک سئو در 2013
- بهینه سازی ویدیو برای موتورهای جستجو
- ابزارهای ضروری برای سئو
- 10 متد قدیمی سئو که دیگر نباید استفاده شود
- طراحی بهترین صفحه ” درباره ما “
- چرا باید به اعتبار دامنه اهمیت داد؟
- رفع اشکالات مربوط به اطلاعات نویسنده در گوگل : آموزش گام به گام
- چگونه اطلاعات نویسنده را به وبسایت اضافه کنیم؟
- نوار وضعیت الکسا و یا نوار ابزار الکسا
نظر شما
>