• 頂部
  • 台北 阿桐阿寶四神湯

    人要靠自己 2019-03-23 33
    台北  阿桐阿寶四神湯
    創立超過百年的阿桐阿寶,四神湯可是有名的料多實在。小腸脆口而且新鮮,湯頭濃郁相當清爽。除了主打的四神湯,不要忘記一定要點個包子或肉粽吃才過癮啊!
      
    地址:台北市大同區民生西路151號
    營業時間:11:00-05:00


    body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; } a, img { border: none; } .playerWrapper { margin-top: 30px; background-color: #fff; } .youtubeBox { position: relative; margin: 0 auto; height: 422px; width: 750px; overflow: hidden; } .youtubeBox a { position: absolute; top: 0; left: 0; height: 422px; width: 750px; z-index: 2; } .youtubeBox .coverPicture { /* background-color: black; */ width: 750px; height: 422px; /* opacity: 0.1; */ } .modActionBar { position: absolute; bottom: 0; left: 0; padding: 0 15px; width: 110px; height: 45px; /*background: #000;*/ z-index: 3; } .turnOffSound, .turnOnSound { background-image: url(//sla.ckcdn.com/2015/image/common/video_ad_btn.png); background-repeat: no-repeat; } .turnOffSound, .turnOnSound { cursor: pointer; display: inline-block; margin: 10px auto 0; width: 20px; height: 18px; text-indent: -999em; } .turnOffSound { background-position: left -41px; } .turnOnSound { background-position: left -74px; } .togglePlayBtn { cursor: pointer; display: inline-block; margin-left: 10px; color: #fff; border: 1px solid #fff; transform: translate(0, -4px); -webkit-transform: translate(0, -4px); } var isIE11 = !!(navigator.userAgent.match(/Trident/) && !navigator.userAgent.match(/MSIE/)); if (isIE11) { if (typeof window.attachEvent == "undefined") { window.attachEvent = window.addEventListener; } } var jQuerycookie = function (name, value, options) { if (typeof value != 'undefined') { // name and value given, set cookie options = options || {}; if (value === null) { value = ''; options.expires = -1; } var expires = ''; if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { var date; if (typeof options.expires == 'number') { date = new Date(); date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000)); } else { date = options.expires; } expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE } var path = options.path ? '; path=' + options.path : ''; var domain = options.domain ? '; domain=' + options.domain : ''; var secure = options.secure ? '; secure' : ''; document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); } else { // only name given, get cookie var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } }; var player; var youtubeDom = document.querySelector('.youtubeBox'); var doit; var sensitivity = 0; var cookieLoaded = false; var date = new Date().getDate(); var videoList = { "1": { "videoId": "", "url": "" }, "2": { "videoId": "", "url": "" }, "3": { "videoId": "", "url": "" }, "4": { "videoId": "", "url": "" }, "5": { "videoId": "", "url": "" }, "6": { "videoId": "", "url": "" }, "7": { "videoId": "", "url": "" }, "8": { "videoId": "", "url": "" }, "9": { "videoId": "", "url": "" }, "10": { "videoId": "", "url": "" }, "11": { "videoId": "", "url": "" }, "12": { "videoId": "", "url": "" }, "13": { "videoId": "", "url": "" }, "14": { "videoId": "", "url": "" }, "15": { "videoId": "8bwkKbsd3wg", "url": "https://bit.ly/2XpO8ds" }, "16": { "videoId": "T-1jiditUl0", "url": "https://bit.ly/2Xt6Xwn" }, "17": { "videoId": "WrZ8aRqEUPM", "url": "https://bit.ly/2Xt892P" }, "18": { "videoId": "AxDWhR7AEEk", "url": "https://bit.ly/2Xt8ZfZ" }, "19": { "videoId": "WqvjwOQxS2M", "url": "https://bit.ly/2Xu9tCT" }, "20": { "videoId": "RmvUFFnSG0U", "url": "https://bit.ly/2Xkrao6" }, "21": { "videoId": "y62TKX7rIZY", "url": "https://bit.ly/2XthKqG" }, "22": { "videoId": "PSMaIKg55QQ", "url": "https://bit.ly/2Xqt7Q2" }, "23": { "videoId": "EJJSuUQt8SQ", "url": "https://bit.ly/2XrB1Zq" }, "24": { "videoId": "_H8NG2oA7ao", "url": "https://bit.ly/2Xq8hAd" }, "25": { "videoId": "8sMkc6KJ4IU", "url": "https://bit.ly/2XrRWev" }, "26": { "videoId": "d7Btps3edHM", "url": "https://bit.ly/2Xsq9dD" }, "27": { "videoId": "m4_r5pLecAU", "url": "https://bit.ly/2XnAQOK" }, "28": { "videoId": "R5NVPBoRnOs", "url": "https://bit.ly/2XrNGvp" }, "29": { "videoId": "", "url": "" }, "30": { "videoId": "", "url": "" }, "31": { "videoId": "", "url": "" }, "coverPicture": "https://s1.imgs.cc/img/aaaaa23Xi.png" } //for cooky videoAD function changeUrl(){ if(videoList !== null){ youtubeDom.querySelector('.coverPicture').href=videoList[date]['url']; youtubeDom.querySelector('.coverPicture >img').src=videoList['coverPicture']; console.log('yoooo'); }else{ } }; changeUrl(); // helper function function isVisible(ele) { if (!ele) throw 'arguments miss!'; var viewport = ele.getBoundingClientRect(); // console.log("1",viewport); // console.log(Math.abs(viewport.top) -1 * youtubeDom.clientHeight) && viewport.top < 0); } function loadYtplayer() { var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } function onYouTubeIframeAPIReady() { player = new YT.Player('youtubePlayer', { height: '422', width: '750', videoId: `${videoList[date]["videoId"]}`, playerVars: { rel: 0, showinfo: 0, autoplay: 0, controls: 0, loop: 1, playlist: `${videoList[date]["videoId"]}` }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { if (!player.isMuted()) { player.mute(); } } function onPlayerStateChange(event) { if (event.data === 1) { jQuery('.togglePlayBtn').text('暫停'); } else { jQuery('.togglePlayBtn').text('播放'); } } function isPlayerReady(player) { return player && typeof player.playVideo === 'function'; } function mute() { if (player.isMuted()) { player.unMute(); jQuery('#turnSound').removeClass('turnOnSound'); jQuery('#turnSound').addClass('turnOffSound'); } else { player.mute() jQuery('#turnSound').removeClass('turnOffSound'); jQuery('#turnSound').addClass('turnOnSound'); } } function tooglePlay() { jQuery(window).off('scroll', _VscrollRegulator); // remove scroll listener if (isPlayerReady(player)) { if (player.getPlayerState() === 1) { player.pauseVideo(); } else { player.playVideo(); } } } function scrollHandler() { if (isPlayerReady(player)) { if (isVisible(youtubeDom)) { // console.log('visible'); player.playVideo(); // cookies cookieBar('viewthread_', 4); } else { // console.log('not visible'); player.pauseVideo(); } } } function _VscrollRegulator() { clearInterval(doit); doit = setTimeout(scrollHandler, 10); } function cookieBar(cknamepre, times) { if (cookieLoaded) return; var cknamepre = cknamepre || ''; var times = times || 3; var nowDate = new Date; var cookieDate = (nowDate.getMonth() + 1).toString() + (nowDate.getDate().toString()); var ckname_times = cknamepre + 'times'; var ckname_datetime = cknamepre + 'datetime'; if (jQuerycookie(ckname_times)) { var cookieValue = Number(jQuerycookie(ckname_times)); if (cookieValue < times) { var v = cookieValue + 1; jQuerycookie(ckname_times, v.toString(), { path: '/', expires: 7 }); } } else { jQuerycookie(ckname_times, 1, { path: '/', expires: 7 }); jQuerycookie(ckname_datetime, cookieDate, { path: '/', expires: 7 }); } cookieLoaded = true; if (jQuerycookie(ckname_datetime) !== cookieDate) { jQuerycookie(ckname_times, null); jQuerycookie(ckname_datetime, cookieDate, { path: '/' }); } } loadYtplayer(); jQuery(document).ready(function () { if (jQuerycookie('viewthread_times')) { var v = Number(jQuerycookie('viewthread_times')); if (v > 3) { jQuery('.togglePlayBtn').text('播放'); return; }; } jQuery(window).on('scroll', _VscrollRegulator); });(adsbygoogle = window.adsbygoogle || []).push({});