{"id":75,"date":"2011-04-02T10:58:33","date_gmt":"2011-04-02T10:58:33","guid":{"rendered":"http:\/\/www.seslikuranmeali.com\/?page_id=75"},"modified":"2025-08-31T21:03:52","modified_gmt":"2025-08-31T21:03:52","slug":"elmali-hamdi-yazir-meali","status":"publish","type":"page","link":"http:\/\/www.seslikuranmeali.com\/index.php\/elmali-hamdi-yazir-meali","title":{"rendered":"Elmal\u0131 Hamdi Yaz\u0131r &#8211; Kur&#8217;an-\u0131 Kerim Meali"},"content":{"rendered":"\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=\"0ywVXnU8W-I\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 1. C\u00fcz<\/li>\n<li data-video-id=\"SeoMszWJqo0\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 2. C\u00fcz<\/li>\n<li data-video-id=\"r0azwTDXS8c\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 3. C\u00fcz<\/li>\n<li data-video-id=\"KAVoKx-nnGc\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 4. C\u00fcz<\/li>\n<li data-video-id=\"MumKPj1cdIM\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 5. C\u00fcz<\/li>\n<li data-video-id=\"sjVcqCHUWFI\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 6. C\u00fcz<\/li>\n<li data-video-id=\"tY0rxsYMgPA\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 7. C\u00fcz<\/li>\n<li data-video-id=\"DsB8rV6DWwI\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 8. C\u00fcz<\/li>\n<li data-video-id=\"kRrUyhZZotM\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 9. C\u00fcz<\/li>\n<li data-video-id=\"lYPLG8iRIYw\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 10. C\u00fcz<\/li>\n<li data-video-id=\"vcYUNl9WcdA\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 11. C\u00fcz<\/li>\n<li data-video-id=\"Aua-69xF5yQ\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 12. C\u00fcz<\/li>\n<li data-video-id=\"wmfXYEGkUCI\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 13. C\u00fcz<\/li>\n<li data-video-id=\"pgrCqm8Fb6A\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 14. C\u00fcz<\/li>\n<li data-video-id=\"JLW1H1Pf5sE\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 15. C\u00fcz<\/li>\n<li data-video-id=\"D1z69_TMvxQ\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 16. C\u00fcz<\/li>\n<li data-video-id=\"peadgcenzrA\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 17. C\u00fcz<\/li>\n<li data-video-id=\"C3aPmlWInu4\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 18. C\u00fcz<\/li>\n<li data-video-id=\"6-9-5kjAfZ0\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 19. C\u00fcz<\/li>\n<li data-video-id=\"Qbcvlo9tb6I\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 20. C\u00fcz<\/li>\n<li data-video-id=\"5aC5kqpcVqU\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 21. C\u00fcz<\/li>\n<li data-video-id=\"1sOsAFwUSLY\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 22. C\u00fcz<\/li>\n<li data-video-id=\"tKG9rV5EaIw\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 23. C\u00fcz<\/li>\n<li data-video-id=\"3I_8B6q1-CQ\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 24. C\u00fcz<\/li>\n<li data-video-id=\"3j5i6zmchxU\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 25. C\u00fcz<\/li>\n<li data-video-id=\"gmWFs-JSAXs\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 26. C\u00fcz<\/li>\n<li data-video-id=\"UzLdNt36FhE\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 27. C\u00fcz<\/li>\n<li data-video-id=\"oZnYtf4zQ94\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 28. C\u00fcz<\/li>\n<li data-video-id=\"xIVNCqDDync\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 29. C\u00fcz<\/li>\n<li data-video-id=\"LPw9IZ4X2O8\">Kur\u00b4an-\u0131 Kerim Me\u00e2li 30. C\u00fcz<\/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: '0ywVXnU8W-I',\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 Kur\u00b4an-\u0131 Kerim Me\u00e2li 1. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 2. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 3. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 4. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 5. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 6. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 7. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 8. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li 9. C\u00fcz Kur\u00b4an-\u0131 Kerim Me\u00e2li &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/www.seslikuranmeali.com\/index.php\/elmali-hamdi-yazir-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\/75"}],"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=75"}],"version-history":[{"count":43,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":451,"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/pages\/75\/revisions\/451"}],"wp:attachment":[{"href":"http:\/\/www.seslikuranmeali.com\/index.php\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}