الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <!-- CSS هنا قمنا بتحديد خصائص ظهور الترجمة بواسطة كود --> <style> ::cue { background: none; color: papayawhip; font-size: 17px; } </style> </head> <body> <!-- لإعلام المتصفح أننا سنعرض فيديو مع <video> قمنا بإضافة الوسم تحديد أن عرضه 570 بيكسل و طوله 238 بيكسل و إظهار أزرار التحكم موضوع قمنا فيه بتحديد مسار و عنوان ملف ترجمة <track> كل وسم سيتم إضافته للفيديو --> <video width="570" height="238" type="video/mp4" controls src="/tutorials/html/tags/track/who-am-i.mp4"> <track kind="subtitles" label="العربية" srclang="ar" default src="/tutorials/html/tags/track/ar.vtt"/> <track kind="subtitles" label="English" srclang="en" src="/tutorials/html/tags/track/en.vtt"/> Sorry, your browser doesn't support embedded videos. </video> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود