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

النشرة البريدية @

طريقة تضمين الفيديو متجاوبا مع جميع أحجام الشاشات والموبايل

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

طريقة تضمين الفيديو متجاوبا في مدونة بلوجر
أهلا و سهلا بكم من جديد،
سنتعرف اليوم على طريقة تضمين فيديو مع ميزة التجاوب للهواتف المحمولة ليظهر الفيديو بشكل جيد على جميع أحجام الشاشات، وخصوصا على شاشة الموبايل أو التابلت. لتطبيق ذلك أضف الكود التالي قبل كود تضمين كل فيديو:
<style type="text/css">
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<br />
<div class="video-container">

ليست هناك تعليقات :

أضف تعليق

free tracking