{"id":77,"date":"2011-04-02T10:58:55","date_gmt":"2011-04-02T10:58:55","guid":{"rendered":"http:\/\/www.seslikuranmeali.com\/?page_id=77"},"modified":"2025-08-31T21:06:42","modified_gmt":"2025-08-31T21:06:42","slug":"suat-yildirim-meali","status":"publish","type":"page","link":"http:\/\/www.seslikuranmeali.com\/index.php\/suat-yildirim-meali","title":{"rendered":"Prof.Dr. Suat Y\u0131ld\u0131r\u0131m &#8211;  Kur&#8217;an-\u0131 Kerim Meali"},"content":{"rendered":"\n\n\n\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-9920575454273944\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- dikey -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-9920575454273944\"\n     data-ad-slot=\"8576346984\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>YouTube Playlist Player<\/title>\n    <script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n    <script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f7f7f7;\n            text-align: center;\n            padding: 20px;\n        }\n        #player-container {\n            max-width: 600px;\n            margin: 0 auto;\n            background-color: #fff;\n            border: 2px solid #ccc;\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n        #play-control {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 10px;\n            border-bottom: 1px solid #ddd;\n            margin-bottom: 15px;\n        }\n        #play-btn, #resume-btn, #restart-btn {\n            background-color: #007bff;\n            color: #fff;\n            border: none;\n            padding: 8px 16px;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 1em;\n            transition: background-color 0.3s ease;\n            margin-right: 10px;\n        }\n        #play-btn:hover, #resume-btn:hover, #restart-btn:hover {\n            background-color: #0056b3;\n        }\n        #status {\n            font-weight: bold;\n            color: #666;\n        }\n        #seek-bar {\n            width: 100%;\n            margin-top: 10px;\n        }\n        #playlist-container {\n            max-height: 550px;\n            overflow-y: auto;\n            margin-top: 0px;\n        }\n        #playlist {\n            list-style-type: none;\n            padding: 0;\n            margin: 0;\n        }\n        #playlist li {\n            padding: 12px;\n            margin: 5px 0;\n            background-color: #e9ecef;\n            border-radius: 5px;\n            cursor: pointer;\n            font-size: 1em;\n            transition: background-color 0.3s ease;\n        }\n        #playlist li:hover {\n            background-color: #dcdfe3;\n        }\n        #playlist li.active {\n            background-color: #007bff;\n            color: white;\n            font-weight: bold;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"player-container\">\n    <div id=\"play-control\">\n        <button id=\"play-btn\">Ba\u015flat<\/button>\n       <!-- <button id=\"resume-btn\">Kald\u0131\u011f\u0131 Yerden Devam Et<\/button>-->\n        <button id=\"restart-btn\">Ba\u015ftan Ba\u015flat<\/button>\n        <span id=\"status\">Durduruldu<\/span>\n    <\/div>\n    <input type=\"range\" id=\"seek-bar\" value=\"0\" min=\"0\" max=\"100\" step=\"1\">\n    <div id=\"youtube-player\"><\/div>\n    <div id=\"playlist-container\">\n        <ul id=\"playlist\">\n            <li data-video-id=\"ZsGa3yqF8y4\">1.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 1<\/li>\n<li data-video-id=\"522uWU7dijo\">2.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 2<\/li>\n<li data-video-id=\"gBkhNpCHJ-Y\">3.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 3<\/li>\n<li data-video-id=\"Ii3ejjHDpxQ\">4.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 4<\/li>\n<li data-video-id=\"sfzAj8rqjF4\">5.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 5<\/li>\n<li data-video-id=\"NOUkjNPEFuI\">6.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 6<\/li>\n<li data-video-id=\"J_dt-b02FIQ\">7.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 7<\/li>\n<li data-video-id=\"Lu7D_bArkEg\">8.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 8<\/li>\n<li data-video-id=\"vgi7UI0yoVI\">9.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 9<\/li>\n<li data-video-id=\"QkBm3rxaAsg\">10.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 10<\/li>\n<li data-video-id=\"qCnVJWIykuA\">11.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 11<\/li>\n<li data-video-id=\"efpyIZMdJtA\">12.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 12<\/li>\n<li data-video-id=\"SuoYH54gLhM\">13.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 13<\/li>\n<li data-video-id=\"BMjri_5tnfI\">14.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 14<\/li>\n<li data-video-id=\"q7AXJVZGJUw\">15.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 15<\/li>\n<li data-video-id=\"7bodjm4Qdm8\">16.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 16<\/li>\n<li data-video-id=\"JU2Rx0X_R0c\">17.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 17<\/li>\n<li data-video-id=\"zWhMhiSAL3c\">18.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 18<\/li>\n<li data-video-id=\"JxvC4UZpj1s\">19.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 19<\/li>\n<li data-video-id=\"c3ITe662x0A\">20.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 20<\/li>\n<li data-video-id=\"4aDrjdUO-ME\">21.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 21<\/li>\n<li data-video-id=\"VKe7yYfBQ9k\">22.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 22<\/li>\n<li data-video-id=\"E89d-JiIgdE\">23.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 23<\/li>\n<li data-video-id=\"qkYoROMWJYY\">24.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 24<\/li>\n<li data-video-id=\"bzq4cqExMwg\">25.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 25<\/li>\n<li data-video-id=\"zm_sPlrgOYA\">26.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 26<\/li>\n<li data-video-id=\"CHG-E-CcUnU\">27.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 27<\/li>\n<li data-video-id=\"B71LRYSJFY4\">28.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 28<\/li>\n<li data-video-id=\"akk_0jTvhrk\">29.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 29<\/li>\n<li data-video-id=\"GD-d1SL-jbA\">30.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 30<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<script>\n    var player;\n    var isPlaying = false;\n    var lastPosition = 0;\n\n    function onYouTubeIframeAPIReady() {\n        player = new YT.Player('youtube-player', {\n            height: '0',\n            width: '0',\n            videoId: 'ZsGa3yqF8y4',\n            playerVars: {\n                'autoplay': 0,\n                'controls': 1,\n                'enablejsapi': 1\n            },\n            events: {\n                'onReady': onPlayerReady,\n                'onStateChange': onPlayerStateChange\n            }\n        });\n    }\n\n    function onPlayerReady(event) {\n        updateSeekBarMax(); \/\/ Videoyu haz\u0131r oldu\u011funda \u00e7ubu\u011fu g\u00fcncelle\n        setInterval(updateSeekBar, 1000); \/\/ Her saniye \u00e7ubu\u011fu g\u00fcncelle\n    }\n\n  function onPlayerStateChange(event) {\n        if (event.data == YT.PlayerState.PAUSED) {\n            lastPosition = player.getCurrentTime();\n            isPlaying = false;\n            $('#play-btn').text('Ba\u015flat');\n            $('#status').text('Durduruldu');\n        } else if (event.data == YT.PlayerState.PLAYING) {\n            isPlaying = true;\n            $('#play-btn').text('Durdur');\n            $('#status').text('Oynat\u0131l\u0131yor');\n        } else if (event.data == YT.PlayerState.ENDED) {\n            isPlaying = false;\n            $('#play-btn').text('Ba\u015flat');\n            $('#status').text('Bitti');\n\n            \/\/ Bir sonraki elemana ge\u00e7\n            var currentItem = $('#playlist li.active');\n            var nextItem = currentItem.next('li');\n            if (nextItem.length > 0) { \/\/ E\u011fer bir sonraki eleman varsa\n                currentItem.removeClass('active');\n                nextItem.addClass('active');\n                var nextVideoId = nextItem.data('video-id');\n                player.loadVideoById(nextVideoId);\n                lastPosition = 0;\n                updateSeekBarMax();\n            }\n        }\n    }\n    \/\/ Seek bar'\u0131n maksimum de\u011ferini videonun s\u00fcresine g\u00f6re g\u00fcncelle\n    function updateSeekBarMax() {\n        var duration = player.getDuration();\n        $('#seek-bar').attr('max', duration);\n    }\n\n    \/\/ Seek bar'\u0131 videonun mevcut pozisyonuna g\u00f6re g\u00fcncelle\n    function updateSeekBar() {\n        if (isPlaying) {\n            var currentTime = player.getCurrentTime();\n            $('#seek-bar').val(currentTime);\n        }\n    }\n\n    $(document).ready(function() {\n        $('#playlist li:first-child').addClass('active');\n\n        \/\/ Ba\u015flat\/Durdur butonu\n        $('#play-btn').on('click', function() {\n            if (isPlaying) {\n                player.pauseVideo();\n            } else {\n                player.playVideo();\n            }\n        });\n\n        \/\/ Kald\u0131\u011f\u0131 yerden devam et butonu\n        $('#resume-btn').on('click', function() {\n            player.seekTo(lastPosition);\n            player.playVideo();\n        });\n\n        \/\/ Ba\u015ftan ba\u015flat butonu\n        $('#restart-btn').on('click', function() {\n            player.seekTo(0);\n            player.playVideo();\n        });\n\n        \/\/ Seek bar ile videoyu kontrol et\n        $('#seek-bar').on('input', function() {\n            var seekToTime = $(this).val();\n            player.seekTo(seekToTime);\n        });\n\n        \/\/ Playlist'ten video se\u00e7me\n        $('#playlist li').on('click', function() {\n            $('#playlist li').removeClass('active');\n            $(this).addClass('active');\n            var videoId = $(this).data('video-id');\n            player.loadVideoById(videoId);\n            lastPosition = 0;\n            updateSeekBarMax(); \/\/ Yeni video i\u00e7in \u00e7ubu\u011fu g\u00fcncelle\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-9920575454273944\"\n     crossorigin=\"anonymous\"><\/script>\n<!-- dikey -->\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-9920575454273944\"\n     data-ad-slot=\"8576346984\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>YouTube Playlist Player Ba\u015flat Ba\u015ftan Ba\u015flat Durduruldu 1.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 1 2.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 2 3.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 3 4.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 4 5.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 5 6.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz 6 7.Kur&#8217;an-\u0131 Kerim T\u00fcrk\u00e7e Meali &#8211; C\u00fcz &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/www.seslikuranmeali.com\/index.php\/suat-yildirim-meali\">Devam\u0131n\u0131 oku<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages\/77"}],"collection":[{"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":21,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":453,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/453"}],"wp:attachment":[{"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}