document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <script src=\'http://code.jquery.com/jquery-latest.js\' type=\'text/javascript\'></script>
  2. <script type=\'text/javascript\'>
  3. //<![CDATA[
  4. // Lazy loading of youtube videos by MS-potilas 2012. Needs jQuery.
  5. // طريقة الاستخدام نسخ الكود بالأسفل ووضعه مباشرة داخل الموضوع بعد التعديل
  6. // <a class="youtube-lazy-link" style="width:560px;height:315px;" href="https://www.youtube.com/watch?v=الأى دى الخاص بالفيديو">عنوان الفيديو</a>
  7. //  - يمكنك تغيير ابعاد الفيديو
  8. // Source: http://www.abu-iyad.com/2014/10/youtube-videos-lazy-load.html
  9. $(document).ready(function() {
  10.   $("a.youtube-lazy-link").each(function(index) {
  11.     var embedparms = $(this).attr("href").split("/embed/")[1];
  12.     if(!embedparms) embedparms = $(this).attr("href").split("://youtu.be/")[1];
  13.     if(!embedparms) embedparms = $(this).attr("href").split("?v=")[1].replace(/&/,\'?\');
  14.     var youid = embedparms.split("?")[0].split("#")[0];
  15.     var start = embedparms.match(/[#&]t=(d+)s/);
  16.     if(start) start = start[1];
  17.     else {
  18.       start = embedparms.match(/[#&]t=(d+)m(d+)s/);
  19.       if(start) start = parseInt(start[1])*60+parseInt(start[2]);
  20.       else {
  21.         start = embedparms.match(/[?&]start=(d+)/);
  22.         if(start) start = start[1];
  23.       }
  24.     }
  25.     embedparms = embedparms.split("#")[0];
  26.     if(start && embedparms.indexOf("start=") == -1)
  27.       embedparms += ((embedparms.indexOf("?")==-1) ? "?" : "&") + "start="+start;
  28.     if(embedparms.indexOf("showinfo=0") != -1)
  29.       $(this).html(\'\');
  30.     else
  31.       $(this).html(\'<div class="youtube-lazy-link-info">\' + $(this).html() + \'</div>\');
  32.     $(this).prepend(\'<div style="height:\'+(parseInt($(this).css("height"))-4)+\'px;width:\'+(parseInt($(this).css("width"))-4)+\'px;" class="youtube-lazy-link-div"></div>\');
  33.     $(this).css("background", "#000 url(http://i2.ytimg.com/vi/"+youid+"/0.jpg) center center no-repeat");
  34.     $(this).attr("id", youid+index);
  35.     $(this).attr("href", "http://www.youtube.com/watch?v="+youid+(start ? "#t="+start+"s" : ""));
  36.     var emu = \'http://www.youtube.com/embed/\'+embedparms;
  37.     emu += ((emu.indexOf("?")==-1) ? "?" : "&") + "autoplay=1";
  38.     var videoFrame = \'<iframe width="\'+parseInt($(this).css("width"))+\'" height="\'+parseInt($(this).css("height"))+\'" style="vertical-align:top;" src="\'+emu+\'" frameborder="0" allowfullscreen></iframe>\';
  39.     $(this).attr("onclick", "$(\'#"+youid+index+"\').replaceWith(\'"+videoFrame+"\');return false;");
  40.   });
  41. })
  42. //]]>
  43. </script>
  44. <style type=\'text/css\'>
  45. a.youtube-lazy-link {
  46.   vertical-align:top;
  47.   background:#555;
  48.   width:560px; height:315px;
  49.   background-size:cover;
  50.   text-decoration:none;
  51.   color:#DDD;
  52.   text-align:left;
  53.   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  54.   display:inline-block;
  55. }
  56. a.youtube-lazy-link:hover {
  57.   text-decoration:none;
  58.   color:#FFF;
  59. }
  60. .youtube-lazy-link-div {
  61.   border:2px solid #000;
  62.   background: url(http://lh4.googleusercontent.com/-QCeB6REIFlE/TuGUlY3N46I/AAAAAAAAAaI/9-urEUtpKcI/s800/youtube-play-button.png) center center no-repeat;
  63.   position:absolute;
  64. }
  65. .youtube-lazy-link-div:hover {
  66.   background: url(http://lh4.googleusercontent.com/-ywkTvQ4VohA/T455cg8_PRI/AAAAAAAAAq4/qfUJoK13InI/s800/youtube-play-button-hover-red.png) center center no-repeat;
  67. }
  68. .youtube-lazy-link-info {
  69.   font-size: 110%;
  70.   padding: 2px 6px;
  71.   background: rgb(0, 0, 0);
  72.   background: rgba(0, 0, 0, 0.5);
  73. }
  74. </style>
');