22.09.1976 - 17.02.2017<br>Cenab-ı Allah Rahmet Etsin, Mekanı Cennet Olsun (AMİN) noreply@blogger.com (İmdat)Sun, 22 Feb 2026 02:15:53 +0300Blogger http://www.blogger.com4125https://mehmetmerkit.blogspot.com/en-usno22.09.1976 - 17.02.2017 Cenab-ı Allah Rahmet Etsin, Mekanı Cennet Olsun (AMİN) 22.09.1976 - 17.02.2017 Cenab-ı Allah Rahmet Etsin, Mekanı Cennet Olsun (AMİN) noreply@blogger.comhttps://mehmetmerkit.blogspot.com/2025/06/profil.htmlnoreply@blogger.com (İmdat)Thu, 26 Jun 2025 16:52:00 +0300tag:blogger.com,1999:blog-4081155328141752037.post-915650591476970811 <style> .img-responsive{ display: block; width: 350px; height: auto; } .card {box-shadow: 0 2px 3px -1px #DCDCDC; box-sizing: border-box; margin-bottom: 30px; background-color: #eee; background-clip: padding-box; width: 350px; margin: 0 auto; padding: 10px 0 0 0;} .card .card-image { position: relative; overflow: hidden; background-color: #000; width: 320px; margin: 0 auto;} .card .card-image img { position: initial; z-index: -1; border-radius: 2px 2px 0 0; background-clip: padding-box; opacity: .9; -webkit-transition: all .5s; transition: all .5s; width: 320px; height: auto;} .card .card-content { position: relative; box-sizing: border-box; padding: 15px; border-radius: 0 0 2px 2px; background-clip: padding-box; } .card .card-content p { margin: 0 0 10px; } .card .card-action { padding: 12px 15px; border-top: 1px solid rgba(160, 160, 160, .2); } .listingInfo { position: relative; } .listingInfo { clear: both; padding: 0; } .listerName { position: absolute; top: -42px; right: 0; float: right; border-radius: 50%; text-align: center; } .listerName img { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; box-shadow: 0 2px 3px -1px #DCDCDC; } .vcard { min-height: 45px; } .vcard h2 { margin: 0 0 15px; font-weight: 500; font-size: 16px; } .listingLocation { font-size: 13px; } .card.card-horizontal .card-content { width: 100%; height: 230px; } .card.card-horizontal .card-content .card-action { position: absolute; right: 0; bottom: 0; left: 0; } .card.card-horizontal .card-content .listingInfo { display: table-cell; height: 155px; vertical-align: middle; } .card.card-horizontal .card-content .vcard h2 { margin: 8px 0 15px; font-size: 20px; } #playkaprix { position: relative; margin: 0px 0 0 0; padding: 15px 0 0 0px; background: url(https://img.webme.com/pic/1/112-acil-sh/man.gif) no-repeat; background-size: 100% 100%; width: 100%; height: 630px; overflow: hidden; } </style> <div id="playkaprix"> <div class="card"> <div class="card-image"> <img class="img-responsive" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeIW0NzCONJdJECmXtlicgre5ggvkMs7SUsh2bztxPiQhKTpNxSqiJ3R_-N44xzZQbLLAiuKdB-focJXeLLkRQSDgTBsV7CCtXa2Pd10URTuKsVDNIAc6rUE7ZphKTMEogk7m4pbepMEJI/s1600/memetprfl.png" alt=""> </div> <div class="card-content"> <div class="listingInfo"> <figure class="listerName"> <img class="agent-photo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKV3wlOtYCYFKeNc7vpMFSv26CBU6TwMduKLsYlk3Viz47IVFI-bH1f8UVIuywj0f0vKZkYfEZQvhIW1WBDfpiwFzW11kyrzAzdcZ9ZjT-K62qTSiOVYVOlQKjBHRA85IGIqGtyBhDPUAm/s320/m6.png" width="50" height="50" alt=""> </figure> <div class="vcard"> <h2>Mehmet Merkit</h2> <p class="listingLocation">22.09.1976 - 17.02.2017</p> </div> </div> </div> <div class="card-action"> Cenab-ı Allah Rahmet Etsin, Mekanı Cennet Olsun (AMİN) </div> </div> </div> 1https://mehmetmerkit.blogspot.com/2025/06/dinledigi-radyolar.htmlnoreply@blogger.com (İmdat)Thu, 26 Jun 2025 13:12:00 +0300tag:blogger.com,1999:blog-4081155328141752037.post-7430405033641528772<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.css" /> <style type="text/css"> #playkaprix select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; outline:0; box-shadow:none; border:0!important; background: #880000; background-image: none; flex: 1; padding: 0 .5em; color:#fff; cursor:pointer; font-size: 1em; font-family: 'Open Sans', sans-serif; font-weight: bold;} #playkaprix select::-ms-expand { display: none;} #playkaprix .select { position: relative; display: flex; width: 340px !important; height: 30px; line-height: 2; overflow: hidden; border-radius: .25em; color:#fff; margin: 0 auto;} #playkaprix .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 10px; background: #FF3300; cursor:pointer; pointer-events:none; transition:.25s all ease; } #playkaprix .select:hover::after { color: #23b499; } </style> <style type="text/css"> #stream-info { min-height: 300px;} #stream-info.hidden { min-height: 0;} #stream-info > img { float: left; width: 300px;} #stream-info > p { margin-left: 315px;} .op-controls__test > img { max-height: 18px;} #playkaprix { position: relative; margin: 0; padding: 12px 0 0 0; background: url(https://img.webme.com/pic/r/radyo-evim/radalti.gif) no-repeat; background-size: 100% 100%; width: 100%; height: 400px; margin-top: -2px;} .op-player__audio {border-bottom: 5px solid #880000; margin: 0 auto; padding: 0px; width: 62% !important;} .postrsx {border-top-left-radius: 6px; border-top-right-radius: 6px; background: url(https://img.webme.com/pic/k/kizilmavi-web/izle-ust1.png) no-repeat; background-size: 100% 100%; font-size: 16px !important; font-weight: bold; color: #fff !important; padding: 8px 0 4px 0 !important; margin: 0px !important; text-align: center; text-transform: none;} </style> <h3 class="postrsx"> <i class="fa fa-microphone"></i> CANLI YAYIN RADYOLAR</h3> <div id="playkaprix"> <div class="players audio-player"> <div id="stream-info" class="hidden"></div> <audio class="op-player__media" id="audio" controls=""> <source src="//www.turkuindir.gen.tr/2018/kul-mustafa-buralardan-gidecegim.mp3" type="audio/mp3"></source> </audio> <div class="select"><select name="sources"> <option selected="" disabled="">!~~B&#304;R RADYO SE&Ccedil;~~!</option> <option value="https://live.radyositesihazir.com/8004/stream">Radyo Ferdi Baba</option> <option value="https://radyo1.muslumfm.com/radio/8010/radio.mp3">Müslüm FM ( Müslüm Gürses</option> <option value="https://radyogencebay.com:8000/;stream.mp3">Radyo Gencebay</option> <option value="https://moondigitaledge.radyotvonline.net/efsane4lu/playlist.m3u8">Radyo Efsan 4'lü</option> <option value="https://radyoankara.ozelip.net:8152/;stream.mp3">Radyo Ankara</option> <option value="https://yayin.radyoseymen.com.tr:1070/stream?/;stream.mp3">Radyo Seymen</option> <option value="https://stream.radyo45lik.com:4545/stream">Radyo 45'lik</option> <option value="https://dygedge2.radyotvonline.net/kralfm/playlist.m3u8">Kral FM</option> <option value="https://yayin.radyoarabesk.com.tr:8000/stream">Arabesk Radyo</option> <option value="https://officialbabaradyo.radyotvonline.net/babaofficial?/;stream.mp3">Baba Radyo</option> <option value="https://moondigitaledge.radyotvonline.net/palnostalji/playlist.m3u8">Pal Nostalji</option> <option value="https://stream.rcast.net/200259?/;stream.mp3">Pal Doğa</option> <option value="https://moondigitaledge2.radyotvonline.net/radyo7turku/playlist.m3u8">Türkü Radyo</option> <option value="https://moondigitaledge2.radyotvonline.net/radyo7arabesk/playlist.m3u8">Damar FM</option> <option value="https://playerservices.streamtheworld.com/api/livestream-redirect/YOL_ARKADASIM128AAC.aac?/;stream.mp3">Yol Arkadaşım</option> <option value="https://moondigitaledge2.radyotvonline.net/radyo7muhtesem4lu/playlist.m3u8">Muhteşem Dörtlü</option> <option value="https://moondigitaledge.radyotvonline.net/mazidenbirdemet/playlist.m3u8">Maziden Bir Demet</option> <option value="https://yayin.jumboserver.net:9100/stream?/;stream.mp3">Radyo Alaturka</option> <option value="https://moondigitaledge.radyotvonline.net/altinsarkilar/playlist.m3u8">Altın Şarkılar</option> <option value="https://alemfm.radyotvonline.net/alemfmaac?/;stream.mp3">Alem FM</option> <option value="https://officialbestfm.radyotvonline.net/bestfmofficial?/;stream.mp3">Best FM</option> <option value="https://radyodinle1.turkhosted.com/yayin?uri=canradyo.kesintisizyayin.com:3838/&tkn=9BInDlD9w1Z_9UGgdWae1g&tms=1751047797">Can Radyo</option> <option value="https://sslyayin.radyoyayini.com:7067/stream?/;stream.mp3">Gözde FM</option> <option value="https://sssx.radyosfer.com/radyohan/stream?/;stream.mp3">Radyo Han</option> </select></div> </div> </div> <script src='https://cdn.jsdelivr.net/npm/openplayerjs@latest/dist/openplayer.min.js'></script> <script id="rendered-js" > function loadMedia(e) { const id = e.target.closest('.players').querySelector('.op-player').id; const player = OpenPlayerJS.instances[id]; player.src = this.value.replace('&amp;', '&'); player.load(); setTimeout(() => { player.play(); }, 250); } function extractMeta(data, audio) { let startLoc; let endLoc; // name startLoc = data.indexOf("TRSN") + 11; endLoc = data.indexOf("TRSO"); const name = data.substring(startLoc, endLoc); // desc startLoc = data.indexOf("TRSO") + 11; endLoc = data.indexOf("TIT2"); const desc = data.substring(startLoc, endLoc); // artist startLoc = data.indexOf("TPE1") + 11; endLoc = data.indexOf("TPE2"); const artist = data.substring(startLoc, endLoc); // title startLoc = data.indexOf("TIT2") + 11; endLoc = data.indexOf("TPE1"); const title = data.substring(startLoc, endLoc); // image const image = data.match('(http:\/\/|https:\/\/).*\.(jpg|png|svg)')[0]; const infoArea = document.getElementById('stream-info'); infoArea.innerHTML = ` <img src="${image}" alt="${title}, by ${artist}" width="300" /> <p>Name: ${name}</p> <p>Desc: ${desc}</p> <p>Artist: ${artist}</p> <p>Title: ${title}</p> `; infoArea.classList.remove('hidden'); audio.poster = image; } document.querySelectorAll('select[name=sources]').forEach(source => { source.addEventListener('change', loadMedia); }); document.querySelectorAll('.op-player__media').forEach((player, i) => { const p = new OpenPlayerJS(player.id, { hls: { startLevel: -1 } }); p.init(); if (i === 1) { p.getElement().addEventListener('hlsFragParsingMetadata', event => { const parsedTag = []; event.detail.samples[0].data.forEach(element => { parsedTag.push(String.fromCharCode(element)); }); extractMeta(parsedTag.toString().replace(/,/g, ''), p.getElement()); }); } }); //# sourceURL=pen.js </script> 0https://mehmetmerkit.blogspot.com/2019/03/dinledigi-muzikler_7.htmlnoreply@blogger.com (İmdat)Thu, 7 Mar 2019 15:12:00 +0300tag:blogger.com,1999:blog-4081155328141752037.post-1850202570287748322 <style> #app * { box-sizing: border-box;} #app h2 { margin: 0; font-size: 12px;} #app ul { padding: 0;} #app li { list-style: none;} #app { background-color: #0E1017; color: #ffffff; display: grid; grid-template-rows: auto 1fr; grid-template-columns: minmax(200px, 50%) 1fr; grid-template-areas: "video search" "playlist search"; height: 91vh; flex-wrap: wrap;} #app .player-container { grid-area: video; width: 100%;} #app .player-container .video-container { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden;} #app .player-container iframe { position: absolute; width: 100%; height: 100%;} .player-container .controls { display: flex; align-items: center; justify-content: space-around; padding: 5px 15px 5px 15px;} #app .button { width: 70px; height: 30px; background: #21AA92; color: #ffffff; cursor: pointer; margin: 0; padding: 0;} #app .search-form { display: flex; align-items: center; margin: 0 auto; max-width: 550px; width: 100%; margin-bottom: 15px;} #app .search-form__input { height: 30px; flex: 1; padding: 0px 0px 0px 10px;} .playlist-container { background-color: #22242B; grid-area: playlist; width: 100%; height: 100%; padding: 5px 10px 0px 10px; overflow-y:auto; overflow-x:hidden;} .playlist__item { margin: 5px auto 10px auto; width: 100%; height: 60px; max-height: 60px; overflow:hidden; background-color: #0E1017; display: flex; font-size: 14px; cursor: pointer;} .playlist__item .item__image { width: 90px; flex-shrink: 0; background-size: cover; background-position: center;} .playlist__item .item__meta { padding: 10px; min-width: 0; flex: 1;} .playlist__item .item__meta .item__title { height: 16px; margin: 3px auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .playlist__item .item__button { flex-shrink: 0; margin: 5px; width: 50px; height: 50px; cursor: pointer;} .results-container { grid-area: search; background-color: #22242B; width: 100%; padding: 10px 10px 0px 45px; height: 100%; display: flex; flex-direction: column;} #app #searchResults { height: 100%; align-items: flex-start; list-style: none; display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr; padding-left: 0; overflow-y:auto; overflow-x:hidden;} #app #searchResults:nth-child(2n) { margin-right: 0;} .result { background: #333333; color: #fefefe;} li.result { overflow:hidden; height: 116px; width: 118px; max-width: 118px; cursor: pointer;} ul.result { overflow:hidden; height: 131px; width: 118px; max-width: 118px;} .result .title { padding: 0px; text-align: center; margin: 0; font-size: 12px;} .result img { width: 118px; height: 66px; max-width: 118px; max-height: 66px; margin-bottom: 2px;} #playlist .played { opacity: .5;} #playlist .playing { background: #21AA92;} #playlist .playing .item__channel { color: #22242B; line-height:16px;} #app ::-webkit-scrollbar { border: 1px solid rgba(255,255,255,.2); width: 15px;} #app ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 99px rgba(255,255,255,.2); border: solid transparent; border-width: 6px 4px;} #app ::-webkit-scrollbar-thumb:vertical {min-height: 40px;} #app ::-webkit-scrollbar-thumb:horizontal {min-width: 40px;} #app ::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 0 0 99px rgba(255,255,255,.4);} </style> <div id="app"> <div class="player-container"> <div class="video-container"> <div id="player"></div> </div> <div class="controls"> <button class="button video-button video-button--back" @click="skipBack">&lt;&lt;</button> <button class="button video-button video-button--play" @click="togglePlay">{{ playerState == 1 ? '||' : '>' }}</button> <button class="button video-button video-button--next" @click="skipForward">&gt;&gt;</button> </div> </div> <div class="playlist-container"> <h2>- Arama sonuçlar&#305; videolar&#305;na t&#305;klay&#305;n, videolar a&#351;a&#287;&#305;daki oynatma listesinde yer alacakt&#305;r; t&#305;kla t&#305;kla izle:)</h2> <ul class="playlist" id="playlist" v-if="playlist.length > 0"> <li class="playlist__item played" v-for="(item, index) in played"> <div class="item__image" v-bind:style="{ 'background-image': 'url(' + item.snippet.thumbnails.default.url + ')'}" :id=item.id.videoId></div> <div class="item__meta"> <div class="item__title">{{ item.snippet.title }}</div> <div class="item__channel">{{ item.snippet.channelTitle }}</div> </div> <button class="item__button button__remove">X</button> </li> <li class="playlist__item" v-for="(item, index) in playlist" @click="playNewVideo(item)" :class="{ playing: item == currentVideo }" v-on:remove="removeVideo"> <div class="item__image" v-bind:style="{ 'background-image': 'url(' + item.snippet.thumbnails.default.url + ')'}" :id=item.id.videoId></div> <div class="item__meta"> <div class="item__title">{{ item.snippet.title }}</div> <div class="item__channel">{{ item.snippet.channelTitle }}</div> </div> <button class="item__button button__remove" @click.stop="removeVideo(index)">X</button> </li> </ul> </div> <div class="results-container"> <form class="search-form" @submit.prevent="searchYt"> <input class="search-form__input" v-model="message" placeholder="YouTube'da Ara . . ."> <button class="button search-form__submit" type="submit"><i class="fa fa-search"></i></button> </form> <ul id="searchResults"> <li class="result" v-for="(item, index) in ytResults" @click="addVideo(index)"> <img v-bind:src=" item.snippet.thumbnails.medium.url" :id=item.id.videoId> <div class="title" :class=item.added>{{ item.snippet.title }}</div> </li> </ul> </div> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.3/vue.min.js'></script> <script id="rendered-js"> var YTApi = "AIzaSyD35CDtIMjHJrW9USpTFBRANp22tjCLd1o"; // 2. This code loads the IFrame Player API code asynchronously. var tag = document.createElement("script"); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName("script")[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // 3. This function creates an <iframe> (and YouTube player) after the API code downloads. var player; function onYouTubeIframeAPIReady() { player = new YT.Player("player", { width: "300", playerVars: { 'autoplay': 1, 'controls': 0 }, events: { onReady: onPlayerReady, onStateChange: onPlayerStateChange } }); } // 4. The API will call this function when the video player is ready. function onPlayerReady(event) { loadNextVideo(); event.target.playVideo(); } // 5. The API calls this function when the player's state changes. // The function indicates that when playing a video (state=1), // the player should play for six seconds and then stop. var done = false; function onPlayerStateChange(event) { app.playerState = event.data; // if (event.data == YT.PlayerState.PLAYING && !done) { // setTimeout(stopVideo, 6000); // done = true; // } if (event.data == YT.PlayerState.ENDED) { markCurrentVideoPlayed(); loadNextVideo(); } } function loadNextVideo() { player.loadVideoById({ videoId: app.playlist[0].id.videoId }); } function markCurrentVideoPlayed() { var playedVideo = app.playlist.shift(); playedVideo.played = true; app.played.push(playedVideo); } function stopVideo() { player.stopVideo(); } var app = new Vue({ el: "#app", data: { message: "", playerState: -1, currentVideo: this.playlist[0], played: [{"played": false, "id": {"kind": "youtube#video", "videoId": "NN2eo5FqMvA" }, "snippet": {"title": "Bayram Kaya - Yasemen", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/NN2eo5FqMvA/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/NN2eo5FqMvA/default.jpg", "width": 320, "height": 180 } }, } }], playlist: [{ "id": {"kind": "youtube#video", "videoId": "NN2eo5FqMvA" }, "snippet": {"title": "Bayram Kaya - Yasemen", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/NN2eo5FqMvA/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/NN2eo5FqMvA/default.jpg", "width": 320, "height": 180 } }, } }], ytResults: [ {"id": {"kind": "youtube#video", "videoId": "Lffd17aJLxc" }, "snippet": {"title": "Kamil Abalioglu - Sana Geliyorum", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/Lffd17aJLxc/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/Lffd17aJLxc/default.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "uqROdKnNfQk" }, "snippet": {"title": "Ahmet Aslan - Minnet Eylemem", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/uqROdKnNfQk/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/uqROdKnNfQk/default.jpg", "width": 320, "height": 180 }}, } }, {"id": { "kind": "youtube#video", "videoId": "Vo0LythXcRY" }, "snippet": {"title": "Asikk Nuri Yücel - Gençligim", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/Vo0LythXcRY/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/Vo0LythXcRY/default.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "5c0BL7W7QOY" }, "snippet": {"title": "Mehmet Aldasoglu - Daha Senden Gayri Asik mi Yoktur", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/5c0BL7W7QOY/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/5c0BL7W7QOY/default.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "YOwGj_-9jDk" }, "snippet": {"title": "Süleyman Oruç - Yillar Utansin", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/f4Dq0iFzi_U/hqdefault.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/f4Dq0iFzi_U/hqdefault.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "aACj6n9pbbs" }, "snippet": {"title": "Kul Mustafa - Buralardan Gidecegim", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/aACj6n9pbbs/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/aACj6n9pbbs/default.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "MThbQGkjJ8s" }, "snippet": {"title": "Asik Nuri Yücel - Ömür Dedigin", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/MThbQGkjJ8s/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/MThbQGkjJ8s/default.jpg", "width": 320, "height": 180 } }, } }, {"id": { "kind": "youtube#video", "videoId": "idxxG-FwioQ" }, "snippet": {"title": "Kivircik Ali - Geriye Dönün Seneler", "thumbnails": { "default": {"url": "https://i.ytimg.com/vi/idxxG-FwioQ/default.jpg", "width": 120, "height": 90 }, "medium": {"url": "https://i.ytimg.com/vi/idxxG-FwioQ/default.jpg", "width": 320, "height": 180 } }, } },] }, methods: { searchYt: function () { var query = this.message; fetch( `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${query}&maxResults=50&key=${YTApi}&type=video`). then(blob => blob.json()). then(data => { console.log(data.items); this.ytResults = data.items; }); }, addVideo: function (index) { var video = this.ytResults[index]; video.added = true; this.playlist.push(video); //this.played.push(video); //this.playlist.push(this.ytResults[index]); }, removeVideo: function (index) { this.playlist.splice(index, 1); }, playNewVideo: function (item) { this.currentVideo = item; player.loadVideoById({ videoId: item.id.videoId }); }, skipBack: function () { currentVideoIndex = this.playlist.indexOf(this.currentVideo); prevVideoIndex = currentVideoIndex - 1; if (currentVideoIndex > 0) { this.playNewVideo(this.playlist[prevVideoIndex]); } }, skipForward: function () { currentVideoIndex = this.playlist.indexOf(this.currentVideo); nextVideoIndex = currentVideoIndex + 1; if (currentVideoIndex < this.playlist.length) { this.playNewVideo(this.playlist[nextVideoIndex]); } }, togglePlay: function () { if (this.playerState == 1) { player.pauseVideo(); } else { player.playVideo(); } } }, computed: { fullList: function () { fullArray = this.played.concat(this.playlist); return fullArray; } } }); //# sourceURL=pen.js </script>https://mehmetmerkit.blogspot.com/2019/03/ziyaretci-defteri_70.htmlnoreply@blogger.com (İmdat)Thu, 7 Mar 2019 14:48:00 +0300tag:blogger.com,1999:blog-4081155328141752037.post-7678153697984321298<span style="float: right;"><i>Sizden de bir anı olsun.......!</i></span><blockquote>* Yorum yazarken imla kurallarına dikkat etmeniz sizin ve bizim yararımıza olucaktır.<br/>* Argo, dini, siyasi, vs. tartışma çıkaracak yorumlardan kaçınınız.</blockquote>2