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

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

الكود:: /* 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);}}

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

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

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

هدول كودين مره اخرى لاكن لا اعرف اين اضعهم يقومن بتشغيل فيديوهات متعدده
عبر ازرار

الكود:: <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>

وهنا ايظا يقول ضع هدا بعد او قبل
</head>

الكود:: <div class="yt-general"> <div class="yt-miniaturas">  <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">  <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);}}

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

انتظر واحد يفيدك

تحياتي

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

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

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

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

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

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

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

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