مسارات ملف HTML - كتاب المهارات الرقمية - الصف 10 - الفصل 1 - المملكة العربية السعودية

ملخص محتوى الصفحة:

تتناول هذه الصفحة طرق تحديد مسار ملفات الصور (src) في لغة HTML، وكيفية إضافة مقاطع الفيديو إلى المستند.

تحديد مسار ملف الصورة (src):

يتم تحديد مسار ملف الصورة باستخدام السمة `src` داخل الوسم ``. تعرض الأمثلة التالية طرقًا مختلفة للإشارة إلى موقع الصورة `picture.jpg`:

* ``: توجد الصورة في نفس المجلد الذي توجد فيه الصفحة الحالية.

* ``: توجد الصورة داخل مجلد فرعي اسمه `images` داخل المجلد الحالي.

* ``: توجد الصورة داخل مجلد `images` الموجود في المجلد الرئيسي (الجذر) للموقع.

* ``: توجد الصورة في مجلد أعلى بمستوى واحد من المجلد الحالي.

إضافة مقاطع الفيديو:

يمكن إضافة مقاطع فيديو إلى المستند باستخدام الوسم `

`

شرح سمات الوسم `

* `src`: يحدد مسار ملف الفيديو.

* `poster`: يحدد مسار صورة ثابتة (ملصق) تظهر أثناء تنزيل الفيديو أو قبل ضغط زر التشغيل.

* `width` و `height`: يحددان عرض وارتفاع الفيديو بوحدة البكسل.

* `preload`: يخبر المتصفح بما يجب فعله عند تحميل الصفحة (مثل ما إذا كان سيبدأ بتحميل الفيديو مسبقًا أم لا).

* `controls`: يشير إلى ضرورة ظهور أزرار التحكم الخاصة بالمتصفح لتشغيل الفيديو وإيقافه وغيره.

* `loop`: يشير إلى أن الفيديو سيعاد تشغيله تلقائيًا بعد انتهائه.

توجد صورة picture.jpg في نفس المجلد كما الصفحة الحالية. توجد صورة picture.jpg في مجلد الصور في نفس المجلد الحالي. توجد صورة picture.jpg في مجلد الصور في المجلد الرئيسي للصفحة الحالية. توجد صورة picture.jpg في مجلد أعلى بمستوى واحد من المجلد الحالي.

يمكنك أيضًا إضافة مقطع فيديو إلى المستند الخاص بك باستخدام وسم <video> الذي يحتوي هذا الوسم على بعض الميزات التي تتيح لك التحكم في الفيديو.

يتم تحديد ارتفاع وعرض الفيديو بوحدة البكسل.

يشير إلى أنه سيتم تشغيل الفيديو تلقائيًا بعد انتهائه.

يتم إخبار المتصفح بما يجب فعله عند تحميل الصفحة.

يظهر الصورة في أثناء تنزيل الفيديو أو حتى بضغط المستخدم على زر التشغيل.

يشير إلى ضرورة وجود ازرار خاصة في المتصفح لكي يعمل الفيديو.

--- SECTION: مسارات ملف HTML --- توجد صورة picture.jpg في نفس المجلد كما الصفحة الحالية. توجد صورة picture.jpg في مجلد الصور في نفس المجلد الحالي. توجد صورة picture.jpg في مجلد الصور في المجلد الرئيسي للصفحة الحالية. توجد صورة picture.jpg في مجلد أعلى بمستوى واحد من المجلد الحالي. يمكنك أيضًا إضافة مقطع فيديو إلى المستند الخاص بك باستخدام وسم <video> الذي يحتوي هذا الوسم على بعض الميزات التي تتيح لك التحكم في الفيديو. يتم تحديد ارتفاع وعرض الفيديو بوحدة البكسل. يشير إلى أنه سيتم تشغيل الفيديو تلقائيًا بعد انتهائه. يتم إخبار المتصفح بما يجب فعله عند تحميل الصفحة. يظهر الصورة في أثناء تنزيل الفيديو أو حتى بضغط المستخدم على زر التشغيل. يشير إلى ضرورة وجود ازرار خاصة في المتصفح لكي يعمل الفيديو. --- VISUAL CONTEXT --- **VIDEO**: Untitled Description: A video player element with specified source, poster image, dimensions, preload attribute, controls, and loop attribute. It includes a time display '00:00' and playback/control icons. Context: Demonstrates the HTML <video> tag and its attributes for embedding video content, including source, poster, dimensions, preload, controls, and loop functionality. Also shows visual indicators for video playback time and controls.