حصريا طريقة جديدة لتضمين فيديوهات يوتيوب على بلوجر

سوف نشرح هذه الطريقة الحصرية على "موقعنا تقنية اليوم".
اولا قم بنسخ اكواد CSS فوق وسم <head/>

<style>
.Video_Content h5 {
text-align: center;
border-bottom: 3px solid #ddd;
margin: 0 0 10px 0;
font-size: 20px;
font-weight: 700;
padding: 0 0 3px 0;
}
.Video_Content {
box-shadow: 0 0 9px 0 #0a0d3726;
background: #fff;
border-radius: 5px;
padding: 20px;
margin: 10px 0 0 0;
text-align: center;
}
.Video_Content iframe {
border-radius: 5px;
box-shadow: 0 0 9px 0 #0a0d3726;
margin: 0 6px;
}
</style>

تانيا قم بوضع كود جافاسكربت فوق وسم <body/>

<script> /*<![CDATA[*/ 
if(V){
let Video ='';
for(c of V){

Video +='<iframe src="https://www.youtube.com/embed/'+c+'" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';}
document.querySelector('.Video_Content').innerHTML = "<h5>شرح بالفيديو</h5>"+Video;
}
  /*]]>*/
</script>

تالثا ابحث عن هذا الوسم <data:post.body/>
سوف تجد الكثير منه غالبا هو التاني او التالث او اذا ان واحد فهو المقصود ضع اسفله هذا الكود .

<div class='Video_Content'></div>

الان تم اكمال هذه الخطوات بنجاح سوف نشرح طريقة اضافة الفيديوهات على المشاركات بشكل بسيط و سهل جدا.

اذهب الى الفيديو المقصود و انسخ المعرف الخاص به ثم ضعه في المكان المناسب مثال اسفله.

<script>
  /*<![CDATA[*/
  let V =['etf5t-9faPs','KBvQI3daH7s','DEkcTocL1tA']

  /*]]>*/
</script>

كما رأيتم وضعنا 3 معرفات اي لفديوهات يمكنك اضافة أي رقم تريد هذا هو الشرح و الطريقة فهي سهلة جدا كل ماعليك هو وضع المعرف في الكود الاخير و ضعه في اخر المشاركة او اولها لن يؤتر في ذالك.