#Html code autoplay iframe vimeo how to

Step 2: Locate the Custom Code element on the left sidebar, under the Advanced section. Step 1: From the GemPages’ Dashboard, select the preferred template to enter the Editor.

#Html code autoplay iframe vimeo how to

You also can check out this article on how to add a video to your page with GemPages: Step 6: Hit “ Save” and “ Publish” to bring the video to your front page. Step 5: Hit “ Save” and exit out of the code editor. To do that, replace YYYYY with the URL of your image. Replace XXXXX with the URL of your video copied from the hosting server.įor the third option, since the video will not autoplay, you can set up a thumbnail image for it. No autoplay, no loop and with navigation controls: Step 4: Select an option to copy and paste the code into the Code Editor window. Step 3: Right-click on the Liquid element and select “ Edit Code“. Step 2: Search for the Liquid element to drag & drop it onto your page. Step 1: In the GemPages Dashboard, click on your chosen page and enter the Editor. Please locate the instructions that correspond to your Version and proceed with the following steps accordingly. Starting from this point, the steps may differ based on the specific version of the GemPages Editor you are using. Step 4: After the upload has finished, copy the URL of the video by clicking on the chain icon. Step 3: Select the video to upload from your device. If you have no uploaded files here, the button will also appear in the middle of the screen. Step 2: Click on the “ Upload files” button at the top right corner. Step 1: Go to Shopify Admin > Content > Files. In this case, we’ll use Shopify CDN (Content Delivery Network) as the host. Prepare and upload your custom video to your hosting server of choice. Aside from embedding YouTube and Vimeo videos, you can also use custom code to embed a video hosted on another source onto your page in GemPages.