{"id":17508,"date":"2020-07-04T11:51:39","date_gmt":"2020-07-04T11:51:39","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=17508"},"modified":"2020-07-04T11:57:57","modified_gmt":"2020-07-04T11:57:57","slug":"how-to-enable-lightbox-for-youtube-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-enable-lightbox-for-youtube-in-amp\/","title":{"rendered":"How to enable lightbox for Youtube in AMP"},"content":{"rendered":"\n<p><strong>Follow these steps to enable lightbox for Youtube in AMP <\/strong><\/p>\n\n\n\n<p>You will find this option in<strong>&nbsp;WordPress Dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>AMP option panel<\/strong>&nbsp;-&gt;&nbsp;<strong>Design<\/strong>&nbsp;-&gt;&nbsp;<strong>Single<\/strong>&nbsp;-&gt; Enable \u201c <strong>Lightbox for Youtube Video<\/strong>\u201d and click on the \u201c<strong>Save Changes<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"399\" height=\"491\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1.png\" alt=\"\" class=\"wp-image-14898\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1.png 399w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1-244x300.png 244w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1-41x50.png 41w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1-49x60.png 49w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/11\/5-1-81x100.png 81w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/figure><\/div>\n\n\n\n<p>Scroll down a little to see this option<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"852\" height=\"361\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1.png\" alt=\"\" class=\"wp-image-17510\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1.png 852w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1-300x127.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1-768x325.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1-50x21.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/m-1-100x42.png 100w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure>\n\n\n\n<p><strong>Lightbox for Youtube Video:<\/strong> Enable this option to show lightbox for Youtube in AMP.  <\/p>\n\n\n\n<p>To make it easy, we have created a video also<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/07\/Test-_-wp-test-1.mp4\"><\/video><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Follow these steps to enable lightbox for Youtube in AMP You will find this option in&nbsp;WordPress Dashboard&nbsp;-&gt;&nbsp;AMP option panel&nbsp;-&gt;&nbsp;Design&nbsp;-&gt;&nbsp;Single&nbsp;-&gt; Enable \u201c Lightbox for Youtube Video\u201d and click on the \u201cSave Changes\u201d button. Scroll down a little to see this option Lightbox for Youtube Video: Enable this option to show lightbox&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17508"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=17508"}],"version-history":[{"count":5,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17508\/revisions"}],"predecessor-version":[{"id":17515,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/17508\/revisions\/17515"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=17508"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=17508"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=17508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}