Site.pro
  • Website Builder
    • Website Builder
    • Prices
    • Website Import
    • Online Stores
    • Plugins
    • Collaboration
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • Tutorials
    • Blog
    • FAQ
    • Growth Hacking
    • For Hostings
    • Domainity
    • For Education
  • For Resellers
    • Prices
    • White Label
    • Revenue Share
    • Panels
    • How it Works
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Marketing Materials
    • Documentation
    • Free Websites
  • Website Builder
    • Website BuilderEverybody can easily create a website, landing page, or e-commerce store. Easy-to-use website builder.
    • PricesSite.pro Prices: Templates 200+, Websites, Basic Builder Functions, Online Stores, Get more website builder features.
    • Website ImportTransfer your existing website from anywhere to Site.pro website builder. Website import from different website builders.
    • Online StoresSell your goods or services anywhere on the website. The Easiest Way to Build an Online Store
    • PluginsMany functions and plugins depending on geographical preferences. Plugin description.
    • CollaborationCollaborative Website Builder, Create a website with teammates in real-time in one space, Real-Time Collaboration.
    • Templates
    • Languages
    • Affiliate Program
    • Examples
    • AI Website Builder
    • For Design Studios
    • We Build for You
  • Domains
  • Email
  • Learn
    • TutorialsVideos for Beginners. Download video tutorials for free New video tutorial.
    • BlogWebsite Builder Lifehacks: Shared hosting tips. Web Design, Marketing
    • FAQHelp center. Payment Issues. Basic Tutorial. Quick search. Have questions? Enter your question here.
    • Growth HackingBoost your sales. Strategy
    • For HostingsEducation. Generate more website builder sales
    • DomainityDomainity: Domain quantity per 1000 people
    • For EducationFree Website Builder for Online and Offline Classrooms. Collaborate with students in one space or separately.
  • For ResellersWhite Label
    • PricesStart reselling. Pay for live websites. Free Websites. Join reselling program.
    • White LabelThe most popular white label tool is ideal for reselling
    • Revenue ShareWebsite Builder: Provide free website builder and earn 50% commissions
    • PanelsOne product for all platforms. Download plugin for your panel
    • How it WorksCloud or On-Premises. Recommendations for Builder Server. Requirements for builder server (On-premises only) and published websites.
    • Marketing MaterialsVideo. Mockups. Website Blocks. Marketing Materials.
    • Mass Import
    • Our Partners
    • Reselling Examples
    • Documentation
    • Free Websites
  • Register

    Register

    (Buy Domain, Create email)
    (For Hosting Companies)
    By registering, you accept our Terms of Service
    Number of Customers: 1-100
    Number of Customers: 1-100
  • Log in

    Log in

    New user? Create account
    Forgot password?
  • $
  • English
Please use keywords in English only.
Account & Billing (35)Mixpanel (2)License (24)Managing Website (12)Domains: Purchasing (15)Domains: Connecting (26)Mailboxes (26)Brand: Cloud (5)Brand: On-Premises (14)Installation: Builder (10)Installation: Builder Plugin (5)Hosting/Billing panels: cPanel (9)Hosting/Billing panels: DirectAdmin (7)Hosting/Billing panels: ISPmanager (4)Hosting/Billing panels: Plesk (7)Hosting/Billing panels: Webuzo (2)Hosting/Billing panels: WHMCS (5)Website Builder: Plugins (5)Website Builder: Website creation (52)Website Builder: Pictures (11)Website Builder: Media (15)Website Builder: Additional (8)Website Builder: Text (14)Website Builder: Import (5)Website Builder: SEO (22)Website Builder: Social (13)Website Builder: Commerce (80)Website Builder: Maps (12)Website Builder: Forms (7)Website Builder: Advanced (18)Website Builder: Errors (21)Web Design Studio (3)Affiliate Program (8)Education (8)
Filter
All (510) For Hosting Companies (398) For Website Owners (380)
FAQ
›
Website Builder: Media
How to use "Video"?
Website Builder

How to use "Video"?

There are several options of how to insert video to the website :

Option 1 (insert media player, e.g., YouTube):

  • Adding Youtube:
    • Drag & drop "Media" from main toolbar;
    • Choose Youtube composition;
    • Write "URL or ID" in right toolbar.
  • Customising video:
    • Size:

      Adjust video size or "Allow to adjust size automatically" in right toolbar.

    Option 2 (upload video from your computer, it will be played as a background):

    • Select "Shape" widget and choose shape composition;
    • Click background in right toolbar;
    • Choose Image/Video and click ;
    • Click "Upload New File", choose video, click open, and click "Select";
    • Under the video choose the backgrounds video settings: opacity; start time and end time;
    • Video will be played with no sound.
      Note. You can just drag and drop video file from your computer to website builder.

    Option 3 (upload video from your computer):

    • Select "Advanced" widget and choose "Custom Html";
    • In the right toolbar "Custom Html" tab, select HTML code by clicking on a pencil icon;
    • Insert this code:
      <video style="width: 100%; height: 100%; position: relative; z-index: 2;" src="VIDEO_FILE" controls>
          Your browser does not support the video tag.
      </video>
    • Select "VIDEO_FILE" (without quotes) and delete it;
    • Click "Click to add file(s)" button in top right corner to choose your video file;
    • Click "Upload New File", choose video, open, click "Select", and click "Apply" button;
    • Video will be played with sound.
    • Ads:
      Upload video to your website easily

  • People also found this article using these queries:

    • Is video playback supported?
    • I want to upload a video, how is it done?
    • How to insert a video using HTML?
    • Can I add a video to my website?
    • I want to incorporate videos into my blog
    • Does the website builder support video files?
    • Where can I upload videos?
    • Can I add a video from YouTube to my website?
    • Upload video from computer
    • I need a looping video background
    • Paste video with YouTube URL
    • I want to add an auto-playing video
    • How do I embed a video?
    • Drag and drop video
    • Video on my website
    • Can I insert videos into my websites?
    • Why the uploaded video has no sound?
    • Are video backgrounds supported?
    • Where to change video start time?
    • How to enable sound on videos on my website?
    • Can I use looped YouTube video as page background?
    © Site.pro 2011. Website Builder. United States.
    Contact SalesTerms of Service