با استفاده از تگ video در HTML می توانیم یک فایل ویدیویی/تصویری مثل کلیپ یا فیلم را در سند قرار دهیم.
مثال
در مثال زیر یک فایل ویدیویی با دو فرمت .mp4 و .ogg به صفحه وب اضافه کرده ایم:
تماشا در حالت تمام صفحه
تعریف و کاربرد
از تگ video در HTML برای قرار دادن فایل های ویدیویی تصویری مثل فیلم ها استفاده می کنیم. تگ <video> حاوی یک یا چند عنصر <source> با منابع مختلف ویدیویی است، مرورگر اولین منبعی را که پشتیبانی می کند انتخاب خواهد کرد.
متن بین تگ <video> و </video> فقط در صورتی نمایش داده می شود که مرورگر این عنصر را پشتیبانی نکند.
سه فرمت پشتیبانی شده در HTML وجود دارد: MP4 و OGG و WebM
مرورگر
MP4
WebM
Ogg
Edge
بله
بله
بله
Chrome
بله
بله
بله
Firefox
بله
بله
بله
Safari
بله
بله
خیر
Opera
بله
بله
بله
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر را مشخص می کنند که به طور کامل عنصر را پشتیبانی می کند.
عنصر
<video>
4.0
9.0
3.5
3.1
11.5
خواص (attributes)
این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.
در این آموزش به بررسی تگ wbr در HTML می پردازیم ، با استفاده از عنصر wbr میتوان شکستگی و پرش به سطر بعد ، محتوایی که در یک سطر قرار میگیرد را کنترل کرد...
در این آموزش به بررسی تگ track در HTML می پردازیم ، با استفاده از عنصر track میتوان یک فایل متنی یا زیر نویس را به رسانه هایی همچون ویدیو ها اضافه کرد...
در این آموزش به بررسی تگ strike در HTML می پردازیم ، با استفاده از عنصر strike میتوان یک خط افقی صاف برروی متون کشید ، این تگ در HTML5 پشتیبانی نمیشود...