هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
كود عارض فيديوات اين اشغله في الجافا او اي مكان
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
كود عارض فيديوات اين اشغله في الجافا او اي مكان
سلام عليكم كود عاض فيديوهات لم اتمكن من معرفه الكود بالضبط من اي نوع لكي اشغله
وشكرا للمساعده
وشكرا للمساعده
- الكود:
/* 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);}}
رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان
هدول كودين مره اخرى لاكن لا اعرف اين اضعهم يقومن بتشغيل فيديوهات متعدده
عبر ازرار
عبر ازرار
- الكود:
<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>
وهدا في كي اس اس
</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);}}
رد: كود عارض فيديوات اين اشغله في الجافا او اي مكان
الاكواد لا تعمل
قد لا تكون مناسبه لاحلى منتدى
+
بصراحه اخي انا لا افهم بالفيديوهات
انتظر واحد يفيدك
تحياتي
قد لا تكون مناسبه لاحلى منتدى
+
بصراحه اخي انا لا افهم بالفيديوهات
انتظر واحد يفيدك
تحياتي
العراقي الطائي يعجبه هذا الموضوع
مواضيع مماثلة
» كيف اعرف نقاطي وكيف اشغله
» كود اضافة نص و رابط في مكان مرحبا ناس الخير بكل مكان
» اريد عارض الاكواد
» اريد كود عارض الاكواد
» اريد كود عارض الاكواد
» كود اضافة نص و رابط في مكان مرحبا ناس الخير بكل مكان
» اريد عارض الاكواد
» اريد كود عارض الاكواد
» اريد كود عارض الاكواد
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى