الرئيسية / اكواد بلوجر / طريقة تضمين و تشغيل فيديوهات mega storage على بلوجر

الجمعة، 6 أغسطس 2021

طريقة تضمين و تشغيل فيديوهات mega storage على بلوجر

المؤلف -  abdelfettah mounjid التاريخ - 

 

طريقة تضمين و تشغيل فيديوهات mega storage على بلوجر



 التخزين السحابي من اهم اولوياتنا خصوصا في عصر الرقمية كل شيء نقوم بتخزينة على السحاب لنشاهده من اي مكان في العالم, لعل اشهر هذه الخدمات Google Drive dropbox onedrive yandex و العديد من الخدمات لكنها للاسف تخضع للرقابة و غير مشفرة بشكل كامل يمكن للموظف ان يشاهد محتوى حسابك بسهولة.





هنا يجب ان نبحث عن خدمة موتوقة و امنة كان موقع mega uploade هو المثالي لكن للاسف كانت سرفرات موقعه على الدولة الأمريكية طبعا خضع لقوانينها ثم تم اغلاقه من المباحث الفدرالية, حتى سمعنا المطور للموقع اطلق خدمة mega storage و هي من افضل خدمات التخزين السحابي.

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


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

هذا طلب احد الاخوة على الواتساب عندما بحتت على على مشغل الفيديوهات mega تفاجأت انه لايوجد اي شرح عليه وهو شيء غريب.


هذا المشغل يمكنه تضمين روابط الفيديوهات الموجودة على خدمة mega و عرضها على صفحة html سواء بلوجر او وورد بريس المشغل تم تصميمه بماتريال ديزاين يتوفر على عدة ازرار منها.
التسجيل الدخول : يمكنك تسجيل حسابك الخاص بموقع mega عند الضغط عليه يحولك للصفحة الرئيسية

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


  1. يدعم التحكم بالصوت
  2. متجاوب مع جميع الشاشات
  3. يدعم شاشة كاملة
  4. تجاوز شريط الوقت
  5. سريع علما انه يتوفر على اكواد جافا كبيرة
  6. يدعم عدد غير محدود من الفيديوهات داخل الصفحة
طريقة تركيبه مشغل الفيديوهات mega

لتركيب المشغل تابع معي الخطوات جيدا أولا ضع هذا الكود الصغير خاص ب CSS فوق وسم </head>
<Style>
.overlay-video1 img,.overlay-video img,{background-color:#e8f1fa}
</Style>
‏
ثم هذه الاكواد javascript قم بوضعها فوق وسم </body>
<script>
//<![CDATA[
// Topik Video
function labelthumbsvideo(t){for(var e=0;e<numpostsvideo;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_widthvideo+"-h"+thumb_heightvideo+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<div class="topikXML-left">'),document.write('<ul>'),document.write("<li>"),1==showpostthumbnailsvideo&&document.write('<a href="'+n+'"><div class="overlay-video"><img width="'+thumb_widthvideo+'" height="'+thumb_heightvideo+'" alt="'+m+'" src="'+u+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>"),document.write("</ul>"),document.write("</div>")}document.write('<div class="topikXML-right">'),document.write('<ul>');for(var e=1;e<numposts2video;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2video+"-h"+thumb_height2video+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2video&&document.write("<li>"),document.write('<a href="'+n+'"><div class="overlay-video"><img width="'+thumb_width2video+'" height="'+thumb_height2video+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>")}document.write("</ul>"),document.write("</div>")}
var numpostsvideo=1,numposts2video=5,showpostthumbnailsvideo=!0,showpostthumbnails2video=!0,numchars=150,thumb_widthvideo=250,thumb_heightvideo=141,thumb_width2video=250,thumb_height2video=141,no_thumb="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg",no_thumb2="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg";
// Topik Video 1
function labelthumbsvideo1(t){for(var e=0;e<numpostsvideo1;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_widthvideo1+"-h"+thumb_heightvideo1+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb1}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<div class="topikXML-left1">'),document.write('<ul>'),document.write("<li>"),1==showpostthumbnailsvideo1&&document.write('<a href="'+n+'"><div class="overlay-video1"><img width="'+thumb_widthvideo1+'" height="'+thumb_heightvideo1+'" alt="'+m+'" title="'+m+'" src="'+u+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>"),document.write("</ul>"),document.write("</div>")}document.write('<div class="topikXML-right1">'),document.write('<ul>');for(var e=1;e<numposts2video1;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2video1+"-h"+thumb_height2video1+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb21}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2video1&&document.write("<li>"),document.write('<a href="'+n+'"><div class="overlay-video1"><img width="'+thumb_width2video1+'" height="'+thumb_height2video1+'" alt="'+m+'" title="'+m+'" src="'+x+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>")}document.write("</ul>"),document.write("</div>")}
var numpostsvideo1=1,numposts2video1=3,showpostthumbnailsvideo1=!0,showpostthumbnails2video1=!0,numchars1=150,thumb_widthvideo1=400,thumb_heightvideo1=171,thumb_width2video1=400,thumb_height2video1=171,no_thumb1="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg",no_thumb21="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg";
// Topik Video 2
function labelthumbsvideo2(t){for(var e=0;e<numpostsvideo2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_widthvideo2+"-h"+thumb_heightvideo2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<div class="topikXML-left2">'),document.write('<ul>'),document.write("<li>"),1==showpostthumbnailsvideo2&&document.write('<a href="'+n+'"><div class="overlay-video2"><img width="'+thumb_widthvideo2+'" height="'+thumb_heightvideo2+'" alt="'+m+'" title="'+m+'" src="'+u+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>"),document.write("</ul>"),document.write("</div>")}document.write('<div class="topikXML-right2">'),document.write('<ul>');for(var e=1;e<numposts2video2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2video2+"-h"+thumb_height2video2+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb22}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2video2&&document.write("<li>"),document.write('<a href="'+n+'"><div class="overlay-video2"><img width="'+thumb_width2video2+'" height="'+thumb_height2video2+'" alt="'+m+'" title="'+m+'" src="'+x+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>")}document.write("</ul>"),document.write("</div>")}
var numpostsvideo2=1,numposts2video2=7,showpostthumbnailsvideo2=!0,showpostthumbnails2video2=!0,numchars2=150,thumb_widthvideo2=156,thumb_heightvideo2=234,thumb_width2video2=156,thumb_height2video2=234,no_thumb2="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg",no_thumb22="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg";
// Topik Video 3
function labelthumbsvideo3(t){for(var e=0;e<numpostsvideo3;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_widthvideo3+"-h"+thumb_heightvideo3+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb3}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<div class="topikXML-left3">'),document.write('<ul>'),document.write("<li>"),1==showpostthumbnailsvideo3&&document.write('<a href="'+n+'"><div class="overlay-video3"><img width="'+thumb_widthvideo3+'" height="'+thumb_heightvideo3+'" alt="'+m+'" title="'+m+'" src="'+u+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>"),document.write("</ul>"),document.write("</div>")}document.write('<div class="topikXML-right3">'),document.write('<ul>');for(var e=1;e<numposts2video3;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2video3+"-h"+thumb_height2video3+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb23}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2video3&&document.write("<li>"),document.write('<a href="'+n+'"><div class="overlay-video3"><img width="'+thumb_width2video3+'" height="'+thumb_height2video3+'" alt="'+m+'" title="'+m+'" src="'+x+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>")}document.write("</ul>"),document.write("</div>")}
var numpostsvideo3=1,numposts2video3=9,showpostthumbnailsvideo3=!0,showpostthumbnails2video3=!0,numchars3=150,thumb_widthvideo3=156,thumb_heightvideo3=274,thumb_width2video3=186,thumb_height2video3=274,no_thumb3="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg",no_thumb22="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg";
// Topik Video 4
function labelthumbsvideo2(t){for(var e=0;e<numpostsvideo2;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=0;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var u;try{u=r.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_widthvideo4+"-h"+thumb_heightvideo4+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb4}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10),g=new Array;g[1]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<div class="topikXML-left4">'),document.write('<ul>'),document.write("<li>"),1==showpostthumbnailsvideo4&&document.write('<a href="'+n+'"><div class="overlay-video4"><img width="'+thumb_widthvideo4+'" height="'+thumb_heightvideo4+'" alt="'+m+'" title="'+m+'" src="'+u+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>"),document.write("</ul>"),document.write("</div>")}document.write('<div class="topikXML-right4">'),document.write('<ul>');for(var e=1;e<numposts2video4;e++){var n,r=t.feed.entry[e],m=r.title.$t;if(e==t.feed.entry.length)break;for(var i=1;i<r.link.length;i++){if("replies"==r.link[i].rel&&"text/html"==r.link[i].type)var l=r.link[i].title,o=r.link[i].href;if("alternate"==r.link[i].rel){n=r.link[i].href;break}}var x;try{x=r.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2video4+"-h"+thumb_height2video4+"-c/")}catch(h){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),x=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb24}var p=r.published.$t,w=p.substring(0,4),_=p.substring(5,7),f=p.substring(8,10);1==showpostthumbnails2video4&&document.write("<li>"),document.write('<a href="'+n+'"><div class="overlay-video4"><img width="'+thumb_width2video4+'" height="'+thumb_height2video4+'" alt="'+m+'" title="'+m+'" src="'+x+'"/></div></a>'),document.write('<h3><a href="'+n+'">'+m+"</a></h3>");var v="";document.write("</li>")}document.write("</ul>"),document.write("</div>")}
var numpostsvideo4=1,numposts2video3=7,showpostthumbnailsvideo4=!0,showpostthumbnails2video4=!0,numchars4=150,thumb_widthvideo4=156,thumb_heightvideo4=234,thumb_width2video4=156,thumb_height2video4=234,no_thumb4="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg",no_thumb22="https://images.drivereasy.com/wp-content/uploads/2017/10/this-video-is-not-available-1.jpg";
//]]>
</script>

ملاحظة ! هذا السكربت يمكنه اظهار 5 فيديوهات في الصفحة الواحدة طبعا يمكنك زيادة عدد الفيديوهات بتغيير بعض القيم سوف تلاحظ الفرق بين اسطر السكربتات فوق
ثم هذا أيضا فوق وسم </body> 
<script>
//<![CDATA[
// iFrame
$(document).ready(function(){var body=$('.post-body').first();var container=$(body).parent();var image=$(body).find('iframe').first();var surround=$(image).parent();$(surround).prependTo(container)})
// Video
$(document).ready(function(){var body=$('.post-body').first();var container=$(body).parent();var image=$(body).find('video').first();var surround=$(image).parent();$(surround).prependTo(container)})
//]]>
</script>
في الأخير هذا الكود خاص بروابط الفيديوهات التي سوف تضعها على المشاركة او الصفحة اقرأ الملاحظة بشكل جيد
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="300" src="https://mega.nz/embed/PSx01QhI#ZoG-8TxUmGw2KGrOODbE8N1PSmpSBmm24z71Dn5vt_0" type="video/mp4" width="100%"></iframe>


شارك هذا الموضوع

0 Comments

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)