هذا النص هو مثال لنص يمكن ان يستبدل

هذا النص هو مثال لنص يمكن ان يستبدل

ضع هذا الكود فوق

</body>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script>
//floating video
var f_video = document.getElementsByClassName(&#39;separator&#39;);
for(i = 0 ; i &lt; f_video.length ; i++){
if(f_video[i].getElementsByClassName(&#39;YOUTUBE-iframe-video&#39;)[0] != undefined) {
    f_video[i].classList.add(&#39;b_video&#39;);
    f_video[i].setAttribute(&#39;onclick&#39; , &#39;v_show(this)&#39;);
   };
};
   function v_show(v_body){
  if(v_body.getAttribute(&#39;class&#39;).search(&#39;f_video&#39;) == -1){
       v_body.classList.add(&#39;f_video&#39;);
  }else{
       v_body.classList.remove(&#39;f_video&#39;);
    };
};
</script>
</b:if>

ضع هذا الكود فوق ال
</head> او <head/> 

<style>
.YOUTUBE-iframe-video{
    width:100%;
    max-width:1120px;
    position: relative;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
}
.b_video:before {
    content: "\f2d2 \00a0 مشاهدة أثناء التصفح";
    font-family: "FontAwesome" , 'Droid Arabic Kufi';
    cursor: pointer;
    padding: 5px;
    border: 1px solid #444;
    color: #444;
    border-radius: 5px;
}
.f_video:before {
    content: "\f2d1 \00a0 إعادة الفيديو ";
    font-family: "FontAwesome" , 'Droid Arabic Kufi';
    cursor: pointer;
    padding: 5px;
    border: 1px solid tomato;
    color: tomato;
    border-radius: 5px;
}
.f_video iframe {
    position: fixed;
    left: 10px;
    bottom: 10px;
    width: 360px;
    height: 200px !important;
    z-index: 999999999999999999999;
    margin: 0;
    padding: 0;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    -ms-transition:all .5s;
}


</style>

عرض مشاهدة توضيحية

للمعاينة للتحميل

تم بحمد الله ...