{"id":16495,"date":"2020-02-21T06:48:56","date_gmt":"2020-02-21T06:48:56","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=16495"},"modified":"2020-04-01T09:44:11","modified_gmt":"2020-04-01T09:44:11","slug":"how-to-use-jw-player-compatibility-for-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-use-jw-player-compatibility-for-amp\/","title":{"rendered":"How to use JW Player Compatibility for AMP"},"content":{"rendered":"\n<p>You can integrate JW Player for WordPress integration in AMP with the help of an extension called&nbsp;<a href=\"https:\/\/ampforwp.com\/addons\/jw-player-compatibility-for-amp\/\">JW Player Compatibility For AMP.<\/a><\/p>\n\n\n\n<p>It\u2019s pretty easy for you to setup because it works out of the box.<\/p>\n\n\n\n<p><strong>Here are a few simple steps to place&nbsp;JW Player Compatibility For AMP<\/strong><\/p>\n\n\n\n<p>After downloading&nbsp; <strong>JW Player Compatibility For AMP<\/strong> &nbsp;on your Desktop follows the below-given steps.<\/p>\n\n\n\n<p><strong>Step 1 &#8211;<\/strong> Go to&nbsp;<strong>Plugins<\/strong>&nbsp;-&gt;&nbsp;<strong>Add New<\/strong>&nbsp;then click on&nbsp;<strong>Upload Plugin<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"755\" height=\"382\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7.png\" alt=\"\" class=\"wp-image-16549\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7.png 755w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-300x152.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/6-7-100x51.png 100w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<p><strong>Step 2 &#8211;<\/strong>&nbsp;JW Player Compatibility For AMP is a Paid Plugin Extension. You won\u2019t find that extension in the WordPress Plugin directory. So you have to upload this plugin after purchasing.<\/p>\n\n\n\n<ul><li>Click on&nbsp;<strong>Upload Plugin<\/strong><\/li><li>then choose &nbsp;&#8220;<strong>JW Player Compatibility For AMP<\/strong>&#8221; Extension from which you already downloaded after purchase.<\/li><li>After that, click on&nbsp;<strong>Install Now<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"925\" height=\"306\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7.png\" alt=\"\" class=\"wp-image-16555\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7.png 925w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7-300x99.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7-768x254.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7-50x17.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7-60x20.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/7-7-100x33.png 100w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/figure>\n\n\n\n<p><strong>Step 3  &#8211;<\/strong> After Uploading the plugin, Click on&nbsp;<strong>Activate Plugin<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"771\" height=\"221\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6.png\" alt=\"\" class=\"wp-image-16556\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6.png 771w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6-300x86.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6-768x220.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6-50x14.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6-60x17.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/02\/8-6-100x29.png 100w\" sizes=\"(max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 &#8211; <\/strong>After Activating the Extension Plugin, The JW Player will be visible on the AMP version of your site.<\/p>\n\n\n\n<p style=\"background-color: #ffdddd; border-left: 2px solid #f44336; padding:10px;\"><strong>Note:<\/strong> This extension requires JW Player Compatibility For AMP, which is a commercial plugin. <\/p>\n\n\n\n<h4>How to add Video from JW dashboard<\/h4>\n\n\n\n<p><strong>Step 1 &#8211; <\/strong>Log into your<strong> <\/strong><a href=\"https:\/\/dashboard.jwplayer.com\/#\/welcome\">JW Player Account<\/a><\/p>\n\n\n\n<p><strong>Step 2 &#8211; <\/strong>From the<strong>&nbsp;<\/strong>video list page&nbsp;in your JW Player dashboard, click&nbsp;<strong>Upload<\/strong> and select a video from your computer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"419\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-1024x419.png\" alt=\"\" class=\"wp-image-16992\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-1024x419.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-300x123.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-768x314.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7-100x41.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/7.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>Step 3 &#8211; <\/strong>Click&nbsp;the<strong> <\/strong>Embed button like below the screenshot<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"395\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-1024x395.png\" alt=\"\" class=\"wp-image-16995\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-1024x395.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-300x116.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-768x296.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-50x19.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-60x23.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8-100x39.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/8.png 1347w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 &#8211; <\/strong>Once you click on the Embed button popup screen will appear to copy the&nbsp;<strong>Embed Code<\/strong> and then click&nbsp;the <strong>CLOSE<\/strong> button<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"462\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-1024x462.png\" alt=\"\" class=\"wp-image-16997\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-1024x462.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-300x135.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-768x347.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-50x23.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9-100x45.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/9.png 1331w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p> <strong>Step 5 &#8211; <\/strong>After this, we need to show Page\/post editor where we&#8217;re pasting the code.<\/p>\n\n\n\n<h4>The OutPut of the JW Player Compatibility for AMP<\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"461\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-1024x461.png\" alt=\"\" class=\"wp-image-17001\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-1024x461.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-300x135.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-768x346.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-50x22.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-60x27.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10-100x45.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2020\/04\/10.png 1347w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/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>You can integrate JW Player for WordPress integration in AMP with the help of an extension called&nbsp;JW Player Compatibility For AMP. It\u2019s pretty easy for you to setup because it works out of the box. Here are a few simple steps to place&nbsp;JW Player Compatibility For AMP After downloading&nbsp; JW&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[177],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16495"}],"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=16495"}],"version-history":[{"count":27,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16495\/revisions"}],"predecessor-version":[{"id":17005,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/16495\/revisions\/17005"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=16495"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=16495"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=16495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}