{"id":14504,"date":"2019-10-10T09:27:57","date_gmt":"2019-10-10T09:27:57","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=14504"},"modified":"2019-10-10T09:51:44","modified_gmt":"2019-10-10T09:51:44","slug":"how-to-add-background-video-with-autoplay-in-loop","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-add-background-video-with-autoplay-in-loop\/","title":{"rendered":"How to add background video with Autoplay in Loop"},"content":{"rendered":"\n

If you want to add background video with Autoplay then by using our AMP Page Builder you can do it and for this follow the below steps.<\/p>\n\n\n\n

Step 1:<\/strong> Create a new page in the WordPress dashboard. Scroll down a little to see AMP Page builder click on “Start the AMP Page Builder<\/strong>” button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 2:<\/strong> Dragging a Column and then click on the “Hamburger icon<\/strong>” like below the screenshot.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 3:<\/strong> Select background type which you want and currently we are having three options for Background Video like Third Party Embed, MP4 and Youtube and you can select as per your requirements and then click on the \u201cSave Changes<\/strong>\u201d button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Step 4:<\/strong> For example, I am selected “background Video(Youtube)<\/strong>” option. In this “Youtube Video ID<\/strong>” filed add youtube video ID check this “Autoplay<\/strong>” option and add “Video Heading<\/strong>” and “Video Content<\/strong>” and then click on the “Save Module<\/strong>” button. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The Output of the Background Video<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

\n\t\t\tAsk your Questions Directly!<\/strong>
\n\t\t\t
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