{"id":4861,"date":"2024-12-19T08:01:44","date_gmt":"2024-12-19T15:01:44","guid":{"rendered":"https:\/\/www.tluke.com\/?page_id=4861"},"modified":"2026-10-17T20:13:38","modified_gmt":"2026-10-18T02:13:38","slug":"luke-family-home-movie-project","status":"publish","type":"page","link":"https:\/\/tluke.com\/?page_id=4861","title":{"rendered":"Luke Family Home Movie Project (old)"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column textshadow2-tl is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h1 class=\"wp-block-heading has-text-align-center textshadow2-tl has-text-color has-link-color has-large-font-size wp-elements-1\" style=\"color:#e9edf0\"><strong>The Luke Family Home Movie<\/strong>s<\/h1>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/i0.wp.com\/xjr.ung.mybluehost.me\/tluke\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"95\" data-attachment-id=\"6011\" data-permalink=\"https:\/\/tluke.com\/?attachment_id=6011\" data-orig-file=\"https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?fit=1746%2C162&amp;ssl=1\" data-orig-size=\"1746,162\" data-comments-opened=\"1\" data-image-title=\"spingboardtextog\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?fit=1024%2C95&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/xjr.ung.mybluehost.me\/tluke\/wp-content\/uploads\/2024\/12\/spingboardtextog-1024x95.png?resize=1024%2C95&#038;ssl=1\" alt=\"\" class=\"wp-image-6011\" srcset=\"https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?resize=1024%2C95&amp;ssl=1 1024w, https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?resize=300%2C28&amp;ssl=1 300w, https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?resize=768%2C71&amp;ssl=1 768w, https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?resize=1536%2C143&amp;ssl=1 1536w, https:\/\/i0.wp.com\/tluke.com\/wp-content\/uploads\/2024\/12\/spingboardtextog.png?w=1746&amp;ssl=1 1746w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size: 50px;\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center has-vivid-red-color has-text-color has-link-color wp-elements-2\">! Recently Updated !<\/h4>\n\n\n\n<title>Remembering Kevin v5<\/title>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><!-- 1. Reference your CSS file here -->\n       <link rel=\"stylesheet\" href=\"https:\/\/tluke.com\/cssjs\/lfhmextra.css\">\n\n<style>\n#morelfhm {\ndisplay: none;\n}\n.button4more {\n   position: relative;\n   width: 110px;\n   margin: 5% auto;\n    text-align: center;\n   left: 0;\n    right: 0:  \n   font-size: 16px;\n  color: white;\n  background-image: linear-gradient(to bottom right, rgba(57,74,68,1), rgba(199,180,103,1));\nborder-radius: 5px;\npadding: 4px 8px;\n\n}\n<\/style>\n\n\n<div style=\" text-align: center; margin-bottom:-12px; margin-left: 3px; margin-right: 3px;\">\nUpdated with slightly better video quality, better music, narration, a memorial segment and an introduction<span id=\"dots\">\u2026<\/span><span id=\"morelfhm\">. These converted 8mm movies depict the early lives of the &#8220;Gang of Five&#8221; kids. While this video was first uploaded many years ago, it has just recently been improved with a slightly better video quality, upgraded background music and, as they are silent, narration has been added along with an introduction to set the scene and background for what follows and an ending segment dedicated to our parents and one of the original Gang of Five who we&#8217;ve lost.<br><br>\nIt is hoped that the additional context added by the narration will help the children and grandchildren of those depicted better understand the background of what&#8217;s happening in each of the scenes. I&#8217;ve strived to help viewers to better appreciate  &#8220;Our Springboard to a Great Life&#8221; our parents provided for us and get a feel for the loving family which gave us such a fantastic start in life. As stated above<br><span style=\"color: #006d8f; font-size: 20px; font-family: Segoe Script; font-weight: bold;\" <strong=\"\">&#8220;Our Springboard to a Great Life!&#8221;<\/span><\/span><\/div><span style=\"margin-left: 15px; font-size: 14px;\"><button class=\"button4more\" id=\"themoreBtn\" style=\"font-size: 16px;\" onclick=\"moreFunction()\">Read more<\/button><\/span>\n<script>\nfunction moreFunction() {\n  var dots = document.getElementById(\"dots\");\n  var moreText = document.getElementById(\"morelfhm\");\n  var btnText = document.getElementById(\"themoreBtn\");\n\n  if (dots.style.display === \"none\") {\n    dots.style.display = \"inline\";\n    btnText.innerHTML = \"Read more\"; \n    moreText.style.display = \"none\";\n  } else {\n    dots.style.display = \"none\";\n    btnText.innerHTML = \"Read less\"; \n    moreText.style.display = \"inline\";\n  }\n}\n\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column dr is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:500px\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\n.lfhmButtons  {\n  position: relative;\n  max-width:400px;\n  height:45px;\n  line-height: 39px;\n  background-image: linear-gradient(to bottom right, rgba(57,74,68,1), rgba(199,180,103,1));\n  padding:0px;\n  border:3px outset #c7b467;\n  margin: 3% auto;\n  margin-top: -16px;\n  text-align: center;\n  left: 0;\n  right: 0;\n}\n.buttonlfhm {\nfont-size: 14px;\nfont-style: bold;\ncolor: white;\nbackground-color: #006d8f;\nborder: 2px solid #aaaaaa;\n padding: 6px 12px;\nborder-radius: 6px;\n  margin-top: 2px;\n}\n.buttonlfhm:hover {\n    background-color: #777;\n    border: 2px solid white;\n    box-shadow: 0 -12px 16px 0 rgba(255,255,255,0.3),0 17px 50px 0\n}\n.buttonlfhm:focus {\n\n}\nbutton:focus {\n    background-color: #9a5b4f;\n    outline: none;\n    border: 2px solid #c1aba7;\n    box-shadow: -12px -12px 12px 0 rgba(255,255,255,255,1.0),0 17px 50px 0\n}\n<\/style>\n\n\n<div style=\"width:100%; max-width: 450px; margin-top: -3px;\">  \n\n<div class=\"dropshadow-tl\" style=\"position: relative; width 100%; overflow:hidden; padding-bottom: 56.25%; height: 0;  border-radius: 15px; \">\n<iframe id=\"lfhmvid\" style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"https:\/\/www.youtube.com\/embed\/9H22J2J7V6U?rel=0&#038;enablejsapi=1\" frameborder=\"0\"  allowfullscreen ><\/iframe>\n<\/div>\n<\/div>\n\n<div class=\"lfhmButtons dropshadow-tl\" style=\"display:flex; justify-content: center; margin-top: 10px;\">\n\n<span><button class = \"buttonlfhm\" onclick=\"loadNarrationVid();\"><strong>Version with Narration<\/strong><\/button>\n<\/span>\n<span><button class = \"buttonlfhm\"  onclick=\"loadMusicVid();\"><strong>Version with Music Only<\/strong><\/button><\/span>\n<\/div>\n\n\n      <div id=\"narration\" hidden>\n        <iframe loading=\"lazy\" class=\"dropshadow-tl\" style=\"border: 0px solid #c7b467\"\n            name=\"iframe-c\"\n            width=\"400\" height=\"225\"\n            src=\"https:\/\/www.youtube.com\/embed\/9H22J2J7V6U? \n            rel=0&#038;enablejsapi=1\"\n            text-align =\"center\"\n            marginwidth=\"0\"\n            marginheight=\"0\"\n            hspace=\"0\"\n            vspace=\"0\"\n\n            frameborder=\"0\" allowfullscreen = \"allowFullScreen\"\n        ><\/iframe>\n       <\/div>\n\n      <div id=\"music\" hidden>\n        <iframe loading=\"lazy\" class=\"dropshadow-tl\" style=\"border: 0px solid #c7b467\"\n            name=\"iframe-c\"\n            width=\"400\" height=\"225\"\n            src=\"https:\/\/www.youtube.com\/embed\/70fQuWdORZ4? \n            rel=0&#038;enablejsapi=1\"\n            text-align =\"center\"\n            marginwidth=\"0\"\n            marginheight=\"0\"\n            hspace=\"0\"\n            vspace=\"0\"\n\n            frameborder=\"0\" allowfullscreen = \"allowFullScreen\"\n        ><\/iframe>\n       <\/div>\n<script>\n\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Activate only if not already activated\n        if (window.hideYTActivated) return;\n        \/\/ Load API\n        if (typeof YT === 'undefined') {\n            let tag = document.createElement('script');\n            tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n            let firstScriptTag = document.getElementsByTagName('script')[0];\n            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n        }\n        \/\/ Activate on all players\n        let onYouTubeIframeAPIReadyCallbacks = [];\n        for (let playerWrap of document.querySelectorAll(\".hytPlayerWrap\")) {\n            let playerFrame = playerWrap.querySelector(\"iframe\");\n            \n            let onPlayerStateChange = function(event) {\n                if (event.data == YT.PlayerState.ENDED) {\nvar curvId; \nvar vidId;\ncurvId = player.getVideoUrl(); \nvidId = curvId.substr(curvId.length-11, 11);\n\n\n          player.cueVideoById(vidId,1);\n\n\n\n                       document.exitFullscreen();     \n                } else if (event.data == YT.PlayerState.PAUSED) {\n                    \n                } else if (event.data == YT.PlayerState.PLAYING) {\n                    playerWrap.classList.remove(\"ended\");\n                    playerWrap.classList.remove(\"paused\");\n                }\n            };\n            \n            let player;\n            onYouTubeIframeAPIReadyCallbacks.push(function() {\n                player = new YT.Player(playerFrame, {\n                    events: {\n                        'onStateChange': onPlayerStateChange\n                    }\n                });\n            });\n          \n            playerWrap.addEventListener(\"click\", function() {\n                let playerState = player.getPlayerState();\n                if (playerState == YT.PlayerState.ENDED) {\n                    player.seekTo(0);\n                } else if (playerState == YT.PlayerState.PAUSED) {\n                    player.playVideo();\n                }\n            });\n        }\n        \n        window.onYouTubeIframeAPIReady = function() {\n            for (let callback of onYouTubeIframeAPIReadyCallbacks) {\n                callback();\n            }\n        };\n        \n        window.hideYTActivated = true;\n    });\n\nfunction loadNarrationVid() {\n player1.cueVideoById(\"9H22J2J7V6U\");\n\n}\nfunction loadMusicVid() {\n player1.cueVideoById(\"70fQuWdORZ4\");\n\n}\n\n\n<\/script>\n\n\n\n<p style = \"text-align: center; margin-top: -5px; margin-bottom: -4px; font-family: arial;\">Click &#8220;Version with Music Only&#8221;<br>if you&#8217;ve already watched once with narration and are tired of my voice<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column margin-top-20 is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size: 40px;\"><\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center margin-top-20\">Individual Focus<\/h4>\n\n\n\n<p class=\"has-text-align-center has-black-color has-text-color has-link-color wp-elements-3 wp-block-paragraph\"><strong>Don&#8217;t want to watch the full 48 mins?<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center textshadow-tl wp-block-paragraph\">Below are two ways to watch in shorter segments: by individual kid or by an era.<\/p>\n<\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\n.gangButtons  {\n  position: relative;\n  max-width: 400px;\n  height:50px;\n  line-height: 43px;\n  background-image: linear-gradient(to bottom right, rgba(57,74,68,1), rgba(199,180,103,1));\n  padding:1px;\n  border:5px outset #c7b467;\n  margin: 3% auto;\n\n  text-align: center;\n  left: 0;\n  right: 0;\n   margin-bottom: -10px;\n}\n.button1 {\nfont-size: 16px;\nfont-style: bold;\ncolor: white;\nbackground-color: #006d8f;\nborder: 2px solid #aaaaaa;\n padding: 4px 8px;\nborder-radius: 6px;\n  margin-top: 2px;\n}\n.button1:hover {\n    background-color: #777;\n    border: 2px solid white;\n    box-shadow: 0 -12px 16px 0 rgba(255,255,255,0.3),0 17px 50px 0\n}\n.button1:focus {\n\n}\nbutton:focus {\n    background-color: #9a5b4f;\n    outline: none;\n    border: 2px solid #c1aba7;\n    box-shadow: -12px -12px 12px 0 rgba(255,255,255,255,1.0),0 17px 50px 0\n}\n.scrolltips {\n   margin-top: 5px;\n   margin-bottom: -20px;\n  font-size: 16px;\n}\n\n<\/style>\n<html>\n<body>\n<h3 style=\"text-align: center;\">Film Segments per Individual member of the &#8220;Gang of Five&#8221;<\/h3>\n<div class=\"textshadow2-tl\" style=\"text-align: center; font-size: 22px; margin-bottom:-12px; color:  #e9edf0;\"><strong>Choose the kid to watch:<\/strong><\/div>\n<div class=\"gangButtons dropshadow-tl\">\n\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4832\" target=\"iframe_a\"><button class= \"button1\"><strong>Stacie<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4373\" target=\"iframe_a\"><button class= \"button1\" id=\"openFirst\"><strong>Kevin<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4845\" target=\"iframe_a\"><button class= \"button1\"><strong>Terry<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4810\" target=\"iframe_a\"><button class= \"button1\"><strong>Randy<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4854\" target=\"iframe_a\"><button class= \"button1\"><strong>David<\/strong><\/button><\/a><\/span><br>\n<\/div>\n<div class=\"scrolltips\" style= \"margin-top: 10px; margin-bottom: 1px; font-size: 16px\">Scroll: &#8595; in  video Window or Full Page on edges &#8594;<\/div>\n\n\n<div style=\"text-align: center;\">\n<iframe loading=\"lazy\" class=\"dropshadow-tl\" style=\"border: 2px outset #897500\" src=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=4373\" name=\"iframe_a\" height=\"290px\" width=\"800px\" title=\"Iframe Example\" allowfullscreen = \"allowFullscreen\"><\/iframe>\n<\/div>\n\n<script>\n\/\/ document.getElementById(\"openFirst\").click(); \n\/\/ Get the element with id=\"defaultOpen\" and click on it\n\/\/ document.getElementById(\"defaultOpen\").click();\n\/\/ window.onload = function() {\n\/\/  FUNCTION CALLED IN NEXT BLOCK   \n\/\/    var openFirstBtn = document.getElementById(\"openFirst\");\n\n      \n  \n       openFirstBtn.click();\n        alert(openFirstBtn);\n\/\/ this will trigger the click event\n\n    };\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<style>\n.eraButtons  {\n  position: relative;\n  width:420px;\n  height:72px;\n  line-height: 30px;\n  background-image: linear-gradient(to bottom right, rgba(57,74,68,1), rgba(199,180,103,1));\n  padding:3px;\n  border:5px outset #c7b467;\n  margin: 2% auto;\n\n  text-align: center;\n  left: 0;\n  right: 0;\n}\n.scrolltips {\n  position: relative;\n  width: 100%;\n  height:25px;\n  line-height: 25px;\n\n  padding:1px;\n \n  margin: 2% left;\n  font-weight: bold;\n  color: ##002c3a;\n  text-align: right;\n  left: 0;\n  right: 0;\n  margin-top: -10px;\n  margin-right: 1px;\n}\n.buttonera {\nfont-size: 15px;\n\ncolor: white;\nbackground-color: #006d8f;\nborder: 2px solid #aaaaaa;\n padding: 3px 6px;\nborder-radius: 6px;\nalign-content: center;\n}\n.buttonera:hover {\n    background-color: #777;\n    border: 2px solid white;\n    box-shadow: 0 -12px 16px 0 rgba(255,255,255,0.3),0 17px 50px 0\n}\n.buttonera:focus {\n\n}\nbutton:focus {\n    background-color: #9a5b4f;\n    outline: none;\n    border: 2px solid #c1aba7;\n    box-shadow: -12px -12px 12px 0 rgba(255,255,255,255,1.0),0 17px 50px 0\n}\n.hide {\n  display: none;\n}\n    \n.myDIV:hover + .hide {\n  display: block;\n  color: red;\n}\n.ifmargin {\n  margin-top: -18px;\n}\nbody {\n  scrollbar-base-color: #c7b467;\n}\n<\/style>\n<html>\n<body>\n<h3 style=\"text-align: center; margin-bottom: -12px;\">Watch Shorter Film Segments based on Era<\/h3>\n<h4  class=\"textshadow2-tl\" style=\"text-align: center; margin-bottom:-1px; color: white; font-size: 22px;\"><strong>Choose the Era to watch:<\/strong><\/h4>\n<div class=\"eraButtons\" style=\"margin-top: 70px:\">\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5309\" target=\"iframe_b\"><button class= \"buttonera\" id=\"openFirstE\"><strong>Pre- Kevin<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5354\" target=\"iframe_b\"><button class= \"buttonera\"><strong>Pre- Stacie<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5362\" target=\"iframe_b\"><button class= \"buttonera\"><strong>Stacie Era<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5368\" target=\"iframe_b\"><button class= \"buttonera\"><strong>The 60s Era<\/strong><\/button><\/a><\/span>\n<p><span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5530\" target=\"iframe_b\"><button class= \"buttonera\"><strong>Introduction<\/strong><\/button><\/a><\/span>\n<span><a href=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5374\" target=\"iframe_b\"><button class= \"buttonera\"><strong>Memorial<\/strong><\/button><\/a><\/span><\/p><br>\n<\/div>\n\n\n\n\n\n\n<div style=\"text-align: center;\">\n<iframe loading=\"lazy\" class=\"dropshadow-tl ifscroll\" style=\"border: 2px outset #897500\" src=\"https:\/\/xjr.ung.mybluehost.me\/tluke\/?page_id=5309\" name=\"iframe_b\" height=\"290x\" width=\"800px\" title=\"Iframe Example\" allowfullscreen = \"allowFullscreen\"><\/iframe>\n<\/div>\n\n<script>\n\/\/ document.getElementById(\"openFirstE\").click();\n\/\/ Get the element with id=\"defaultOpen\" and click on it\n\/\/ document.getElementById(\"defaultOpen\").click();\nwindow.onload = function() {\n   var openFirstBtn = document.getElementById(\"openFirst\");\n       openFirstBtn.click();\n   \n    var openFirstBtn2 = document.getElementById(\"openFirstE\");\n       openFirstBtn2.click(); \/\/ this will trigger the click event\n\n    };\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size: 40px; text-align: center;\"><\/p><span id=\"dentons\" <\/span>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-right\" id=\"marcandclair\">And a bonus&#8230;<\/h4>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:400px\">\n<style>\n    .hytPlayerWrap {\n        display: inline-block;\n        position: relative;\n        width: 100%;\n    }\n    .hytPlayerWrap.ended::after {\n        content:\"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        cursor: pointer;\n        background-color: black;\n        background-repeat: no-repeat;\n        background-position: center; \n        background-size: 64px 64px;\n        background-image: url(data:image\/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);\n    }\n    .hytPlayerWrap.paused::after {\n        content:\"\";\n        position: absolute;\n        top: 70px;\n        left: 0;\n        bottom: 50px;\n        right: 0;\n        cursor: pointer;\n        background-color: black;\n        background-repeat: no-repeat;\n        background-position: center; \n        background-size: 40px 40px;\n        background-image: url(data:image\/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);\n    }\n<\/style>\n<div class=\"hytPlayerWrapOuter\" style=\"margin-top: 10px;\">\n    <div class=\"hytPlayerWrap\">\n        <iframe loading=\"lazy\" class = \"dropshadow-tl\" id=\"playercodet\" style=\"border: 5px ridge #897500\"\n            width=\"400\" height=\"225\"\n            src=\"https:\/\/www.youtube.com\/embed\/WC0RUFf0tmQ?rel=0&#038;enablejsapi=1\"\n            text-align:\"left\"\n            align-items=\"left\"\n            marginwidth=\"0\"\n            marginheight=\"0\"\n            hspace=\"0\"\n            vspace=\"0\"\n            align-items= \"right\"\n            frameborder=\"0\" allowfullscreen = \"allowFullScreen\"\n        ><\/iframe>\n    <\/div>\n<\/div>\n<script>\n\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Activate only if not already activated\n        if (window.hideYTActivated) return;\n        \/\/ Load API\n        if (typeof YT === 'undefined') {\n            let tag = document.createElement('script');\n            tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n            let firstScriptTag = document.getElementsByTagName('script')[0];\n            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n        }\n        \/\/ Activate on all players\n        let onYouTubeIframeAPIReadyCallbacks = [];\n        for (let playerWrap of document.querySelectorAll(\".hytPlayerWrap\")) {\n            let playerFrame = playerWrap.querySelector(\"iframe\");\n            \n            let onPlayerStateChange = function(event) {\n                if (event.data == YT.PlayerState.ENDED) {\nvar curvId; \nvar vidId;\ncurvId = player.getVideoUrl(); \nvidId = curvId.substr(curvId.length-11, 11);\n\n\n          player.cueVideoById(vidId,1);\n\n\n\n                       document.exitFullscreen();     \n                } else if (event.data == YT.PlayerState.PAUSED) {\n                    \n                } else if (event.data == YT.PlayerState.PLAYING) {\n                    playerWrap.classList.remove(\"ended\");\n                    playerWrap.classList.remove(\"paused\");\n                }\n            };\n            \n            let player;\n            onYouTubeIframeAPIReadyCallbacks.push(function() {\n                player = new YT.Player(playerFrame, {\n                    events: {\n                        'onStateChange': onPlayerStateChange\n                    }\n                });\n            });\n          \n            playerWrap.addEventListener(\"click\", function() {\n                let playerState = player.getPlayerState();\n                if (playerState == YT.PlayerState.ENDED) {\n                    player.seekTo(0);\n                } else if (playerState == YT.PlayerState.PAUSED) {\n                    player.playVideo();\n                }\n            });\n        }\n        \n        window.onYouTubeIframeAPIReady = function() {\n            for (let callback of onYouTubeIframeAPIReadyCallbacks) {\n                callback();\n            }\n        };\n        \n        window.hideYTActivated = true;\n    });\n<\/script>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p style=\"font-size: 60px;\"><\/p>\n\n\n\n<h5 class=\"wp-block-heading has-text-align-left\">Our Grandma and Grandpa Luke<\/h5>\n\n\n\n<h5 class=\"wp-block-heading\">and our Arizona Cousins<\/h5>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Luke Family Home Movies ! Recently Updated ! Remembering Kevin v5 Updated with slightly better video quality, better music, narration, a memorial segment and an introduction\u2026. These converted 8mm movies depict the early lives of the &#8220;Gang of Five&#8221; <span class=\"excerpt-dots\">&hellip;<\/span> <a class=\"more-link\" href=\"https:\/\/tluke.com\/?page_id=4861\"><span class=\"more-msg\">Continue reading &rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4861","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/pages\/4861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tluke.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4861"}],"version-history":[{"count":5,"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/pages\/4861\/revisions"}],"predecessor-version":[{"id":11812,"href":"https:\/\/tluke.com\/index.php?rest_route=\/wp\/v2\/pages\/4861\/revisions\/11812"}],"wp:attachment":[{"href":"https:\/\/tluke.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}