اذهب إلى المحتوى

السؤال

نشر

السلام عليكم

يعطيكم العافية

حاليا أتعلم لغة الـ HTML ، وواجهتني مشكلة في جزئية إضافة ملف ترجمة على فيديو، الاشكالية ان الترجمة لا تظهر مع العلم أني عملت كل شيء بشكل سليم، مع العلم ملف الترجمة vtt

بحثت كثير وما وجدت شيء واضح، لأن الكل يضيف نفس صيغة الكود بدون أي اختلاف

مع العلم أثناء بحثي عن المشكلة وجدت البعض يذكر أن المتصفح قد يكون المتسبب، بسبب منعه لتشغيل بعض الملفات وعن فكرة اتاحة تشغيلها عن طريق (allow file access from files)، حاولت تشغيلها عن طريق السماح بهذا الخيار في الإضافات (Allow access to file URLs) مع ذلك لم يتغير شيء.

جربت تشغيل صفحة الـ HTML عن طريق متصفحات غير الكروم مثل الفايرفوكس والإدج لكن نفس النتيجة في كل مرة، وهذه صورة الكود

<video Controls Poster="videoposter.jpg" width="500">
        <source src="Videos/countdown.mp4" type="video/mp4">
        <source src="Videos/countdown.ogg" type="video/ogg">
        Sorry your Broser Doesn't Support this Video file.
        <track src="ar.vtt" kind="subtitles" srclang="ar" label="العربية">
        <track src="en.vtt" kind="subtitles" srclang="en" label="English">
</video

 

Recommended Posts

  • 1
نشر

استخدم سيرفر لتشغيل المشروع من خلال، وذلك من خلال تثبيت إضافة live server في محرر vscode ثم تشغيل ملف index.html من خلالها، ستجد شرح هنا:

وذلك لتجنب مشكلة تشغيل ملفات HTML محلياً من خلال file:// والتي تسبب مشاكل بسبب قيود الأمان في المتصفحات الحديثةحتى بعد تفعيل Allow access to file URLs.

أيضًا يجب أن تكون ملفات الترجمة صحيحة وتحتوي على أجزاء زمنية كالتالي:

1
00:00:01.000 --> 00:00:04.000
نص الترجمة الأول

2
00:00:05.000 --> 00:00:08.000
نص الترجمة الثاني.

وليس به مسافات زائدة أو أخطاء في الأرقام.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...