آموزش اضافه کردن ویدئو و صدا به وب‌سایت: نحوه استفاده از تگ‌های video و audio در HTML

< video controls >
    < source src="video.mp4" type="video/mp4" >
    مرورگر شما از این فرمت ویدئو پشتیبانی نمی‌کند.
< / video >

< video controls >

< video autoplay muted >

< video loop >

< video muted >

< video poster="poster.jpg" >

< audio controls >
    < source src="audio.mp3" type="audio/mp3" >
    مرورگر شما از این فرمت صدا پشتیبانی نمی‌کند.
< / audio >

< audio controls >

< audio autoplay muted >

< audio loop >

< audio muted >

< video controls >
    < source src="video.mp4" type="video/mp4" >
    < source src="video.webm" type="video/webm" >
    مرورگر شما از این فرمت‌های ویدئو پشتیبانی نمی‌کند.
< / video >

< audio controls >
    < source src="audio.mp3" type="audio/mp3" >
    < source src="audio.ogg" type="audio/ogg" >
    مرورگر شما از این فرمت‌های صدا پشتیبانی نمی‌کند.
< / audio >

< ! DOCTYPE html >
< html lang="fa" dir="rtl" >
< head >
    < meta charset="UTF-8" >
    < meta name="viewport" content="width=device-width, initial-scale=1.0" >
    < meta name="description" content="آموزش استفاده از تگ‌های video و audio در HTML" >
    < meta name="keywords" content="HTML, ویدئو, صدا, تگ video, تگ audio, آموزش HTML" >
    < meta name="author" content="نام شما" >
    < title > آموزش تگ‌های video و audio در HTML < / title >
    < style >
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
        }
        video, audio {
            display: block;
            margin: 20px auto;
            max-width: 100%;
        }
    < / style >
< / head >
< body >
    < header >
        < h1 > آموزش تگ‌های video و audio در HTML < / h1 >
    < / header >
    < main >
        < section >
            < h2 > اضافه کردن ویدئو < / h2 >
            < video controls poster="poster.jpg" >
                < source src="video.mp4" type="video/mp4" >
                < source src="video.webm" type="video/webm" >
                مرورگر شما از این فرمت ویدئو پشتیبانی نمی‌کند.
            < / video >
        < / section >

        < section >
            < h2 > اضافه کردن صدا < / h2 >
            < audio controls >
                < source src="audio.mp3" type="audio/mp3" >
                < source src="audio.ogg" type="audio/ogg" >
                مرورگر شما از این فرمت صدا پشتیبانی نمی‌کند.
            < / audio >
        < / section >
    < / main >
    < footer >
        < p > © 2024 طراحی شده توسط نام شما < / p >
    < / footer >
< / body >
< / html >