How to add Videos in Sketch app to website

We can embed a Video player in your website by setting a Layer as a Video.
When selecting the Video layer, we will  be able to provide a link to a video, that will be presented on the website.

Supported video links are:

• YouTube
• Vimeo
• MP4
• Gif

The embedded video player can have these settings:

• Auto Play
• Loop
• No Control Buttons

Video Players Demo

• 
•  

Publishing your website is a 2 steps process:

1. Preview - Create a preview website that only you know the link for.
2. Publish - Once you decide the website is ready, you can Publish it.

• Each Preview has its own version number, which is incrementing every time your create a Preview.
• You can create as many Previews as you want.
• You can always Rollback the live version to a previous Preview
• 

• Preview

  A Preview version allows you to see your website in a browser before publishing it and making it live to the world.
• 
• • Each Preview version is assigned with a preview url. i.e https://launchpad.animaapp.com/preview/i9VcUWl
  • You can share this URL with anyone and they would be able to visit the preview website.

  ---

  To create a Preview version:
  1. Click the Create Preview button.
  2. Leave the Selected Artboards Only checked or uncheck it if you want only the selected Artboards to be included.
  3. Click Create Preview
  4. Depending on the size of the images, fonts, and amount of Artboards this can take between a few seconds to about a minute.
  5. Once ready, a dialog will popup and display the unique URL for the Preview website.
  6. Click Open to visit the Preview website.

In this blog, we will see how to create a page and creating a paragraph using the CMS Cockpit. We will create a new page accessible from ‘/paragraph’.

1.We can access this local server with below link

    

          https://localhost:9002/cmscockpit/index.zul

       

2.Directly we can login without Userid and Password.When we login,we can able to see the existing websites.

3.When we select any website.There are two types that we will see 1.Online and 2.Staged

4.We need to select Staged version for creating the page.For Creating a page we need to click "+"(create an item).

5.When we click on "+"(Create an item),Pop will show the different pages.We need to select the desired type.

6.We have selected "Content page" and selected "Landingpage1".Enter your page attribute, for  use ‘ContentPage’ for your page id and 'ContentPage' for your page name.

7.Now,we can see all the available slots where we can add components of our page layout.

8.Now,we are adding 'paragraph' to Bottom header component.Click on '+' and select paragraph component.After selecting above,click on "create a new item"

9.Inside the content area enter the content of your paragraph:

10.We need to synchronize the staged to Online by clicking on synchronize symbol.

11.Now we can  access the new page, for example on a local installation : 

https://localhost:9002/yacceleratorstorefront/paragraph?site=electronics