كود عارض فيديوات اين اشغله في الجافا او اي مكان

2 مشترك

اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف العراقي الطائي الثلاثاء 30 نوفمبر 2021 - 23:35

سلام عليكم كود عاض فيديوهات لم اتمكن من معرفه الكود بالضبط من اي نوع لكي اشغله
وشكرا للمساعده 
الكود:
/* Estilo cargador de vídeos */[size=14][/size]
.yt-general {padding: 10px;box-sizing: border-box;text-align: center;line-height: 0;font-size: 0;}[size=14][/size]
.yt-cargador {width: 1000px;max-width: 100%;margin: 0 auto;padding: 4%;background: #333;border-radius: 0 0 8px 8px;box-sizing: border-box;box-shadow: 0 0 10px #000 inset, 0px 0 25px #666 inset;}[size=14][/size]
.yt-video{position: relative;max-width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;background: #000;}[size=14][/size]
.yt-video iframe,.yt-video object,.yt-video embed {width: 1600px;max-width: 100%;height: 100%;position: absolute;top: 0;left: 0;}[size=14][/size]
.yt-miniaturas {width: 1000px;max-width: 100%;margin: 0 auto;padding: 1% 4% 2%;background: #333;box-sizing: border-box;border-radius: 8px 8px 0 0;box-shadow: 0 0 10px #000 inset, 0px 0 25px #666 inset;}[size=14][/size]
.yt-miniaturas a {position: relative;display: inline-block;width: 20%;height: 0;overflow: hidden;padding: 0 0 13% 0;vertical-align:top;margin: 1% 0 0;border: 2px solid #333;box-sizing: border-box;transition: .3s all;}[size=14][/size]
.yt-miniaturas a:hover {z-index: 2;transform: scale(1.2);}[size=14][/size]
.yt-miniaturas a img {width: 100%;padding: 0;background: transparent;}[size=14][/size]
.yt-miniaturas a div {position: absolute;width: 100%;overflow: hidden;padding: 0 4px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;bottom: 0;left: 0;font-size: 14px;line-height: 18px;font-family: Arial;color: white;background: #CC181E;opacity: .8;}[size=14][/size]
@media (max-width:470px) {.videominiaturas a div {display: none !important;}}[size=14][/size]
[size=14][/size]
/* Símbolo cargador CSS - OPCIONAL */[size=14][/size]
.yt-video:before {content: "";display: inline-block;margin: 20% auto;border-width: 30px;border-radius: 50%;-webkit-animation: spin 1s linear infinite;-moz-animation: spin 1s linear infinite;animation: spin 1s linear infinite;border-style: double;border-color: #999 transparent;}[size=14][/size]
@-webkit-keyframes spin {100% {-webkit-transform: rotate(359deg);}}[size=14][/size]
@-moz-keyframes spin {100% {-moz-transform: rotate(359deg);}}[size=14][/size]
@keyframes spin {100% {transform: rotate(359deg);}}
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 811
معدل النشاط : 2513
السُمعة : 7

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف كونان2000 الثلاثاء 30 نوفمبر 2021 - 23:45

وعليكم السلام  @العراقي الطائي
هذا كود css وليس جافا pig
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 441
معدل النشاط : 860
السُمعة : 62

https://rami1.ahlamontada.com/

العراقي الطائي يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف العراقي الطائي الأربعاء 1 ديسمبر 2021 - 0:46

يعني اخليه مع اكواد كي اس اس حجرب
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 811
معدل النشاط : 2513
السُمعة : 7

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف العراقي الطائي الأربعاء 1 ديسمبر 2021 - 0:50

جربته على كي اس اس ما اشتغل
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 811
معدل النشاط : 2513
السُمعة : 7

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف العراقي الطائي الأربعاء 1 ديسمبر 2021 - 1:08

هدول كودين مره اخرى لاكن لا اعرف اين اضعهم يقومن بتشغيل فيديوهات متعدده
عبر ازرار
الكود:
<style>[size=14][/size]
.yt-play{position:fixed;top:50%;right:25%;z-index:99;font-family:arial;width:40px;height:30px;background:#cd201f;display:block;margin:5px;box-sizing:border-box;cursor:pointer;border-radius:50% / 10%;color:#fff;text-align:center;box-shadow:0 0 8px #fff}[size=14][/size]
.yt-play:hover,.yt-play.yt-off:hover .yt-playpausa:after{background:#333;border-color:#333;border-left-color:#fff}[size=14][/size]
.yt-play:after{content:'';position:absolute;top:10%;bottom:10%;right:-5%;left:-5%;background:inherit;border-radius:5% / 50%}[size=14][/size]
.yt-play .yt-playpausa{position:absolute;top:6px;left:14px;width:16px;overflow:hidden;z-index:2}[size=14][/size]
.yt-play.yt-off .yt-playpausa:after{content:"";display:block;border:8px solid #cd201f;border-left:16px solid #fff}[size=14][/size]
.yt-play.yt-on .yt-playpausa:after{content:"II";position:relative;left:-2px;top:-1px;font-size:20px;line-height:20px;color:#fff;font-weight:700}[size=14][/size]
iframe[src*="www.youtube.com/embed"]{background:#000}[size=14][/size]
</style>





الكود:
<script>[size=14][/size]
$(document).ready(function() {[size=14][/size]
$(".post-body").append("<div class='yt-play yt-off'><div class='yt-playpausa'></div></div>");[size=14][/size]
var datosvid = $(".pos-body iframe[src*='www.youtube.com/embed']")[0].src;[size=14][/size]
$(".yt-play").on("click", function(ev) {[size=14][/size]
ev.preventDefault();[size=14][/size]
if ($(this).hasClass("yt-off")) {[size=14][/size]
$("iframe")[0].src += "&autoplay=1";[size=14][/size]
$(this).addClass("yt-on").removeClass("yt-off");[size=14][/size]
} else {[size=14][/size]
$("iframe")[0].src = datosvid;[size=14][/size]
$(this).addClass("yt-off").removeClass("yt-on");[size=14][/size]
}[size=14][/size]
});[size=14][/size]
});[size=14][/size]
</script>
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 811
معدل النشاط : 2513
السُمعة : 7

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف العراقي الطائي الأربعاء 1 ديسمبر 2021 - 1:26

وهنا ايظا يقول ضع هدا بعد او قبل 
</head>
الكود:
<div class="yt-general">
 <div class="yt-miniaturas">
  <!-- INCLUIR LA ID DE CADA VIDEO 2 VECES EN CADA ENLACE: UNO PARA ORDENAR LA CARGA Y OTRO PARA LA MINIATURA -->
  <a href="javascript:cargarVideo('id-frame','RnoDb0bMQuk');"><img src="http://img.youtube.com/vi/RnoDb0bMQuk/1.jpg" /><div>1956 - That's amore</div></a>
  <a href="javascript:cargarVideo('id-frame','7IjgZGhHrYY');"><img src="http://img.youtube.com/vi/7IjgZGhHrYY/1.jpg" /><div>1957 - Great balls of fire</div></a>
  <a href="javascript:cargarVideo('id-frame','noE1u3Xu6Vg');"><img src="http://img.youtube.com/vi/noE1u3Xu6Vg/1.jpg" /><div>1956 - Don't be cruel</div></a>
  <a href="javascript:cargarVideo('id-frame','ty31QY5ZGHo');"><img src="http://img.youtube.com/vi/ty31QY5ZGHo/1.jpg" /><div>1957 - Everyday</div></a>
  <a href="javascript:cargarVideo('id-frame','u0yGXKoA6Ek');"><img src="http://img.youtube.com/vi/u0yGXKoA6Ek/1.jpg" /><div>1958 - Johnny .Goode</div></a>
 </div>
 <div class="yt-cargador">
  <div id="yt-video" class="yt-video">
  <!-- ESCRIBIR DE NUEVO EL CÓDIGO DEL PRIMER VIDEO -->
  <iframe id="id-frame" width="420" height="315" src="https://www.youtube.com/embed/RnoDb0bMQuk?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
 </div>
</div>
<script>function cargarVideo(idframe, idvideo) {document.getElementById(idframe).src = 'https://www.youtube.com/embed/' + idvideo + '?rel=0';}</script>


وهدا في كي اس اس
الكود:
/* Estilo cargador de vídeos */
.yt-general {padding: 10px;box-sizing: border-box;text-align: center;line-height: 0;font-size: 0;}
.yt-cargador {width: 1000px;max-width: 100%;margin: 0 auto;padding: 4%;background: #333;border-radius: 0 0 8px 8px;box-sizing: border-box;box-shadow: 0 0 10px #000 inset, 0px 0 25px #666 inset;}
.yt-video{position: relative;max-width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;background: #000;}
.yt-video iframe,.yt-video object,.yt-video embed {width: 1600px;max-width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.yt-miniaturas {width: 1000px;max-width: 100%;margin: 0 auto;padding: 1% 4% 2%;background: #333;box-sizing: border-box;border-radius: 8px 8px 0 0;box-shadow: 0 0 10px #000 inset, 0px 0 25px #666 inset;}
.yt-miniaturas a {position: relative;display: inline-block;width: 20%;height: 0;overflow: hidden;padding: 0 0 13% 0;vertical-align:top;margin: 1% 0 0;border: 2px solid #333;box-sizing: border-box;transition: .3s all;}
.yt-miniaturas a:hover {z-index: 2;transform: scale(1.2);}
.yt-miniaturas a img {width: 100%;padding: 0;background: transparent;}
.yt-miniaturas a div {position: absolute;width: 100%;overflow: hidden;padding: 0 4px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;bottom: 0;left: 0;font-size: 14px;line-height: 18px;font-family: Arial;color: white;background: #CC181E;opacity: .8;}
@media (max-width:470px) {.videominiaturas a div {display: none !important;}}

/* Símbolo cargador CSS - OPCIONAL */
.yt-video:before {content: "";display: inline-block;margin: 20% auto;border-width: 30px;border-radius: 50%;-webkit-animation: spin 1s linear infinite;-moz-animation: spin 1s linear infinite;animation: spin 1s linear infinite;border-style: double;border-color: #999 transparent;}
@-webkit-keyframes spin {100% {-webkit-transform: rotate(359deg);}}
@-moz-keyframes spin {100% {-moz-transform: rotate(359deg);}}
@keyframes spin {100% {transform: rotate(359deg);}}
العراقي الطائي
العراقي الطائي
 
 

ذكر
عدد المساهمات : 811
معدل النشاط : 2513
السُمعة : 7

الرجوع الى أعلى الصفحة اذهب الى الأسفل

كود عارض فيديوات اين اشغله في الجافا او اي مكان Empty رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان

مُساهمة من طرف كونان2000 الأربعاء 1 ديسمبر 2021 - 2:02

الاكواد لا تعمل
قد لا تكون مناسبه لاحلى منتدى
+
بصراحه اخي انا لا افهم بالفيديوهات cyclops
انتظر واحد يفيدك

تحياتي
كونان2000
كونان2000
احلى مساعد
احلى مساعد

أخرى / أرفض التصريح
عدد المساهمات : 441
معدل النشاط : 860
السُمعة : 62

https://rami1.ahlamontada.com/

العراقي الطائي يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى