{"id":814,"date":"2023-04-27T09:24:17","date_gmt":"2023-04-27T09:24:17","guid":{"rendered":"https:\/\/seosthemes.info\/wordpress-video-theme\/?page_id=814"},"modified":"2023-04-27T09:29:47","modified_gmt":"2023-04-27T09:29:47","slug":"youtube-player","status":"publish","type":"page","link":"https:\/\/seosthemes.info\/wordpress-video-theme\/youtube-player\/","title":{"rendered":"YouTube Player"},"content":{"rendered":"\n<p class=\"has-medium-font-size\"><strong>Create multiple playlists and embed them with a shortcode on any page or post.<\/strong><\/p>\n\n\n\t<div class=\"wrap-yp\">\r\n\t\t<div class=\"yp-player\" id=\"yp-player-813\">\r\n\t\t\t<div class=\"player-video\">\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe id=\"yp-bixuI_GV5I0813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/bixuI_GV5I0?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe style=\"z-index: 1;\"id=\"yp-59Q_lhgGANc813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/59Q_lhgGANc?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe id=\"yp-ZbZSe6N_BXs813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/ZbZSe6N_BXs?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe id=\"yp-CkTKMEBCYiY813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/CkTKMEBCYiY?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe id=\"yp-P8JEm4d6Wu4813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/P8JEm4d6Wu4?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<iframe id=\"yp-NeQM1c-XCDc813\" class=\"youtube-video\" src=\"https:\/\/www.youtube.com\/embed\/NeQM1c-XCDc?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\" frameborder=\"0\" allow=\"autoplay\" allowfullscreen><\/iframe>\r\n\t\t\t\t\t\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"yp-list\" id=\"yp-list-813\">\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-bixuI_GV5I0813\" src=\"\/\/img.youtube.com\/vi\/bixuI_GV5I0\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Mark Ronson ft. Amy Winehouse - Valerie (Official Video)<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-59Q_lhgGANc813\" src=\"\/\/img.youtube.com\/vi\/59Q_lhgGANc\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Jain - Makeba (Official Video)<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-ZbZSe6N_BXs813\" src=\"\/\/img.youtube.com\/vi\/ZbZSe6N_BXs\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Pharrell Williams - Happy (Video)<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-CkTKMEBCYiY813\" src=\"\/\/img.youtube.com\/vi\/CkTKMEBCYiY\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Snap! vs Motivo - The Power Of Bhangra<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-P8JEm4d6Wu4813\" src=\"\/\/img.youtube.com\/vi\/P8JEm4d6Wu4\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Faithless - Insomnia (Official 4K Video)<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<div class=\"list-element\">\r\n\t\t\t\t\t<div class=\"play-yp\">\r\n\t\t\t\t\t\t<span class=\"dashicons dashicons-controls-play\"><\/span>\r\n\t\t\t\t\t\t<img decoding=\"async\" id=\"list-NeQM1c-XCDc813\" src=\"\/\/img.youtube.com\/vi\/NeQM1c-XCDc\/mqdefault.jpg\">\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"position-detiles\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"yp-title\"><b>Rammstein - Deutschland (Official Video)<\/b><\/div>\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\t\r\n\t\t\t\t\t\t\t\t<\/div>\t\t\r\n\t<\/div>\r\n\t<script>\t\r\n\t\tfunction seosYouTubePlayerId(id){\r\n\t\t\tlet counterVid813 = 0;\t\/\/incress cont of z-index +1\r\n\t\t\tlet valid_id813; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\tlet imageListId813; \/\/ Get image ID in the list \r\n\t\t\tlet vid813; \/\/ Get video iframe ID\r\n\t\t\tlet zindex813 = 0;\r\n\t\t\t\t\t\t\tvalid_id813 = \"bixuI_GV5I0\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-bixuI_GV5I0813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-bixuI_GV5I0813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/bixuI_GV5I0?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\tvalid_id813 = \"59Q_lhgGANc\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-59Q_lhgGANc813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-59Q_lhgGANc813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/59Q_lhgGANc?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\tvalid_id813 = \"ZbZSe6N_BXs\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-ZbZSe6N_BXs813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-ZbZSe6N_BXs813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/ZbZSe6N_BXs?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\tvalid_id813 = \"CkTKMEBCYiY\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-CkTKMEBCYiY813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-CkTKMEBCYiY813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/CkTKMEBCYiY?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\tvalid_id813 = \"P8JEm4d6Wu4\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-P8JEm4d6Wu4813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-P8JEm4d6Wu4813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/P8JEm4d6Wu4?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t\t\tvalid_id813 = \"NeQM1c-XCDc\"; \/\/ Get youtube id or 11 characters after \"=\" \r\n\t\t\t\timageListId813 = document.getElementById(\"list-NeQM1c-XCDc813\"); \/\/ Get image ID in the list\r\n\t\t\t\timageListId813.addEventListener(\"click\", function(){\r\n\t\t\t\t\tlet iframes813 = document.getElementById(\"yp-player-\"+id).getElementsByTagName(\"iframe\");\r\n\t\t\t\t\tvid813 = document.getElementById(\"yp-NeQM1c-XCDc813\"); \/\/ Get video iframe ID\r\n\t\t\t\t\tif (iframes813 != null) {\r\n\t\t\t\t\t\tfor (let i = 0; i < iframes813.length; i++) {\r\n\t\t\t\t\t\t\tzindex813 = iframes813[i].style.zIndex; \/\/ Get iframe video z-index\r\n\t\t\t\t\t\t\tiframes813[i].src = \"https:\/\/www.youtube.com\/embed\/NeQM1c-XCDc?loop=1&rel=0&showinfo=0&enablejsapi=1&modestbranding=1&origin=https:\/\/seosthemes.info\/wordpress-video-theme\"; \/\/causes a reload so it stops playing, music, video, etc.\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcounterVid813 += 2; \/\/incress cont of z-index +1\r\n\t\t\t\t\tvid813.style.zIndex = counterVid813;\r\n\t\t\t\t\t\/\/ highest = zindex;\r\n\t\t\t\t\tif (zindex813 <= counterVid813) {\r\n\t\t\t\t\t\tvid813.src = vid813.src+\"&mute=0&autoplay=1\";\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\tseosYouTubePlayerId(\"813\");\r\n\t<\/script>\r\n\t\n","protected":false},"excerpt":{"rendered":"<p>Create multiple playlists and embed them with a shortcode on any page or post.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-814","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/pages\/814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/comments?post=814"}],"version-history":[{"count":3,"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/pages\/814\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/pages\/814\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/seosthemes.info\/wordpress-video-theme\/wp-json\/wp\/v2\/media?parent=814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}