wmaraci reklam

HTML Kodu Hakkında Yardım

5 Mesajlar 765 Okunma
wmaraci reklam

yusufdincyar yusufdincyar WM Aracı Kullanıcı
  • Üyelik 11.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek C# Developer
  • Konum Kayseri
  • Ad Soyad Y** D**
  • Mesajlar 7
  • Beğeniler 4 / 2
  • Ticaret 0, (%0)
İyi günler arkadaşlar,
Bu Sitede bulunan















<script></script>


<script></script>

<script>
$(document).ready(function() {

// Initialize the plugin
$('#my_popup').popup();

});
</script>
<script>
$('#my_popup_close').click(function(){
$('.my_popup').each(function(){
$(this).stopVideo();
});
});
</script>

şu kodda site açıldığında youtube videosunun açılmasını ve video izlerken herhangi bir zamanda kişinin ayrılmak istediğinde boş yere bastığında da videonun durup kapanmasını istiyorum. Fakat yapamadım bir bilen yardımcı olabilir mi ?
 

 

Database Expert
©Yusty Software
www.yusufdincyar.net
SMM Panel, Sosyalyuvam, Bayilik Paneli, En Uygun Panel, Takipçi Paneli
reklam

06WUU 06WUU WM Aracı Kullanıcı
  • Üyelik 27.05.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Webmaster
  • Konum Ankara
  • Ad Soyad E** A**
  • Mesajlar 279
  • Beğeniler 42 / 70
  • Ticaret 0, (%0)
Jquery kodunu bastan asağı yeniden dizayn etmelisin tabii eklemeler yaparak. Küçük bir ipucu Jquery each tanımlamasından önce bir döngü sonrasında da bir döngü daha eklemelisin.
 

 

Web Project Master | {Good Code}

monder33 monder33 WM Aracı Kullanıcı
  • Üyelik 07.01.2016
  • Yaş/Cinsiyet 43 / E
  • Meslek Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad M** B**
  • Mesajlar 47
  • Beğeniler 9 / 7
  • Ticaret 0, (%0)
Bu iş için ille de Jquery kullanmak gerkemez asıl oöenmli olan Youtube API'sini anlamak.

https://developers.google.com/youtube/iframe_api_reference

Birde basit bir örnek yaptım biraz incelersen projene uyarlayabilirsin, takıldığın bir yer olursa buralardayım.

Kolay gelsin.





HTML Canvas Flag Wave

<script>
function kapat(id) {
id.style.display = 'none';
document.getElementById('player')
}
function ac(id) {
document.getElementById(id).style.display = 'block';
stopVideo();
}
</script>




<script>
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
});
}

function stopVideo() {
player.stopVideo();
}
</script>



yusufdincyar

kişi bu mesajı beğendi.

https://www.bingezi.com

yusufdincyar yusufdincyar WM Aracı Kullanıcı
  • Üyelik 11.05.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek C# Developer
  • Konum Kayseri
  • Ad Soyad Y** D**
  • Mesajlar 7
  • Beğeniler 4 / 2
  • Ticaret 0, (%0)
Teşekkür ederim biraz isteğim doğrultusunda yaptım fakat şöyle bir sorunla karşılaştım video açıkkenki arkaplanın oppacity değerini ayarlayınca video da o oppacity değerine sahip oluyor. Bunu nasıl düzeltebilirim yardımcı olursanız sevinirim.





HTML Canvas Flag Wave

<script>
function kapat(id) {
id.style.display = 'none';
document.getElementById('player');
stopVideo();
}
function ac(id) {
document.getElementById(id).style.display = 'block';
stopVideo();
}
</script>




<script>
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
});
}

function stopVideo() {
player.stopVideo();
}
</script>






monder33 adlı üyeden alıntı

Bu iş için ille de Jquery kullanmak gerkemez asıl oöenmli olan Youtube API'sini anlamak.

https://developers.google.com/youtube/iframe_api_reference

Birde basit bir örnek yaptım biraz incelersen projene uyarlayabilirsin, takıldığın bir yer olursa buralardayım.

Kolay gelsin.





HTML Canvas Flag Wave

<script>
function kapat(id) {
id.style.display = 'none';
document.getElementById('player')
}
function ac(id) {
document.getElementById(id).style.display = 'block';
stopVideo();
}
</script>




<script>
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
});
}

function stopVideo() {
player.stopVideo();
}
</script>



 

 

Database Expert
©Yusty Software
www.yusufdincyar.net
wmaraci

monder33 monder33 WM Aracı Kullanıcı
  • Üyelik 07.01.2016
  • Yaş/Cinsiyet 43 / E
  • Meslek Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad M** B**
  • Mesajlar 47
  • Beğeniler 9 / 7
  • Ticaret 0, (%0)
Opacity değerini,


background-color:rgba(0, 0, 0, 0.5);


Şeklinde bir dene, biraz acele oldu, eğer problem çözülmezse tekrar bir bakarız.
 

 

https://www.bingezi.com
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al