سكربت عرض الفيديوهات المتجاوبة Responsive
سكربت عرض الفيديوهات المتجاوبة Responsive - الكثيروالكثير من المدونين يحتاجون الى عرض فيديوهات على مدوناتهم او مواقهم، وكما نعلم في عالم السيو انه من اهم عوامل جلب الزوار هو تجاوب موقعك مع جميع الشاشات الصغيرة والكبيرة، لذالك عندما تقوم بعرض فيديو على مقالة في مدونتك وتدخل عليها من جوالك سوف يظهر الفيديو بشكل غير منظم ومتجاوب، لذالك تم برمجة سكربت بسيط وخفيف لتجاوب فيديوهاتك مع مقاسات الشاشات المختلفة، هذه يعني ان السكربت مهم في الكثير من المدونات والمواقع. 👌
لانريد ان نطيل عليكم لنذهب لطريقة عمل السكربت
1. قم بالذهاب الى لوحة تحكم المدونة ثم اذهب الى تحرير القالب وابحث عن هذه الوسم ]]></b:skin وأضف الكود التالي فوقه / قبله
/* Youtube Responsive qaisi1web */
.videoyoutube{text-align:center;margin:auto;width:100%;}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.video-responsive iframe{position:absolute;top:0;right:0;width:100%;height:100%;border:0}
2. قم بالبحث عن هذه الوسم <body> وأضف الكود التالي فوقه / قبله
<script type="text/javascript">
// Youtube Responsive qaisi1web
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
</script>
طريقة أستخدام السكربت على فيديوهاتي
عندما تريد عرض فيديو في مقالتك او اي مكان اخر في موقعك او مدونتك قم بأضافة الكود التالي
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/LHKyeeD5ImM">
</div>
</div>
</div>
ان واجهت اي مشاكل فباب التعليقات مفتوح . . . بالتوفيق 😍
سكربت عرض الفيديوهات المتجاوبة Responsive - الكثيروالكثير من المدونين يحتاجون الى عرض فيديوهات على مدوناتهم او مواقهم، وكما نعلم في ...
الكاتب :
رائع شكرا لك
ردحذفولوو
حذف