تگ video و source برای گذاشتن ویدیو در صفحه وب در HTML :
HTML (HyperText Markup Language)، زبانی است که برای طراحی وب سایت ها به کار می رود. از آنجایی که ویدیوها به عنوان یکی از اصلی ترین محتواهای وب سایت ها محسوب می شوند، HTML نیز امکاناتی را برای قرار دادن ویدیو در صفحه وب فراهم کرده است. دو تگ مهم در این زمینه تگ source و تگ video هستند.
تگ source:
تگ source برای مشخص کردن آدرس فایل ویدیویی که قرار است در صفحه وب قرار گیرد، به کار می رود. این تگ، داخل تگ video قرار می گیرد و برای تعیین فرمت ویدیو نیز مورد استفاده قرار می گیرد. به عنوان مثال، فایل ویدیویی با فرمت MP4 که در آدرس www.example.com/video.mp4 قرار دارد، با استفاده از تگ source به صفحه وب اضافه می شود. برای قرار دادن چندین فرمت ویدیو، می توان برای هر فرمت یک تگ source جداگانه قرار داد.
تگ video:
تگ video برای نمایش ویدیو در صفحه وب به کار می رود. برای قرار دادن ویدیو با استفاده از این تگ، نیاز است تا ابتدا تگ video را باز کرده و سپس تگ source ها را داخل آن قرار دهید. در این تگ، می توانید مشخصاتی مانند طول و عرض ویدیو، کنترل های پخش، کلاس و آی دی ویدیو و … را تعیین کنید.
مثال:
برای قرار دادن یک ویدیو با فرمت MP4 در صفحه وب، کد زیر را به صورت HTML در نظر بگیرید:
“`
“`
در این کد، تگ video با عرض 320 و ارتفاع 240 پیکسل و با کنترل های پخش (controls) تعریف شده است. تگ source نیز برای فایل ویدیویی با فرمت MP4 در آدرس www.example.com/video.mp4 استفاده شده است.
مهمترین نکته در قرار دادن ویدیو در صفحه وب، این است که فایل ویدیویی با فرمت مناسب و قابل پخش بر روی تمام دستگاه ها باشد. برای این منظور، بهتر است که برای هر فرمت ویدیو، یک تگ source مجزا قرار داده شود تا مشکلات پخش ویدیو در برخی دستگاه ها حل شود.
