HTML Kodu Hakkında Yardım

21.07.2017 19:05

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

21.07.2017 19:11

#2

06WUU WM Aracı Kullanıcı

Üyelik 27.05.2014
Yaş/Cinsiyet 30 / 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}

21.07.2017 22:04

#3

monder33 WM Aracı Kullanıcı

Üyelik 07.01.2016
Yaş/Cinsiyet 44 / 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>

1 kişi bu mesajı beğendi.

https://www.bingezi.com

22.07.2017 15:59

#4

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>

23.07.2017 01:47

#5

monder33 WM Aracı Kullanıcı

Üyelik 07.01.2016
Yaş/Cinsiyet 44 / 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

HTML Kodu Hakkında Yardım

Üye Girişi Yap