{"id":2550,"date":"2021-11-08T15:38:11","date_gmt":"2021-11-08T15:38:11","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=2550"},"modified":"2025-01-10T10:20:53","modified_gmt":"2025-01-10T10:20:53","slug":"how-to-add-a-video-in-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/","title":{"rendered":"How to add a video in Website Builder"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> This article applies to Website Builder purchases made before 14th January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>An eye catching video can be a great way of attracting the attention of your website visitors and can really help to make your online presence stand out from your competitors.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.names.co.uk\/website-builder\">Website Builder<\/a> offers two easy methods of adding a video to your website, depending on whether you have it ready to upload or whether it is already on YouTube.<\/p>\n\n\n\n<p>The first step is to click on the <em><strong>Widgets<\/strong><\/em> option in the left menu and then drag the <em><strong>Video<\/strong><\/em> widget over to whichever part of the page you would like it to appear. The widget is located in the <em><strong>Media<\/strong><\/em> category or you can use the search bar at the top to find it.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"292\" height=\"618\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png\" alt=\"Website Builder video widget\" class=\"wp-image-2551\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png 292w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-142x300.png 142w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-24x50.png 24w\" sizes=\"auto, (max-width: 292px) 100vw, 292px\" \/><\/figure>\n<\/div>\n\n\n<p>Once you\u2019ve dropped the widget onto the page you\u2019ll then have the option either to upload the video from your computer or to enter the YouTube link to an existing video.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"316\" height=\"500\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-content.png\" alt=\"Website Builder video widget content\" class=\"wp-image-2552\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-content.png 316w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-content-190x300.png 190w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-content-32x50.png 32w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Upload Video<\/strong><\/h2>\n\n\n\n<p>You can use the <em>Upload video<\/em> option to upload a video file in all common formats. The maximum file size that is permitted is 200MB. If the video you want to upload is larger than that then you will need to upload it to YouTube.<\/p>\n\n\n\n<p>Once you have uploaded it you will see a <em><strong>Customise<\/strong> <strong>Video<\/strong> <\/em>option appear in the pop-up window.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"268\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-customise.png\" alt=\"Website Builder customise video widget\" class=\"wp-image-2553\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-customise.png 326w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-customise-300x247.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-customise-50x41.png 50w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/figure>\n<\/div>\n\n\n<p>Clicking on that provides various other options, such as looping the video and playing it automatically.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"328\" height=\"296\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-controls.png\" alt=\"\" class=\"wp-image-2554\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-controls.png 328w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-controls-300x271.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-controls-50x45.png 50w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/figure>\n<\/div>\n\n\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>Info:<\/strong> If you want the video to play automatically then it is best to mute it, as some web browsers will not auto-play the video unless it is muted.<\/p><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>YouTube Video<\/strong><\/h2>\n\n\n\n<p>Enter the link to an existing video on YouTube, Vimeo or DailyMotion and the video widget will display it. Note that the video will need to be public \u2013 in other words, people should not need to login to YouTube in order to see it.<\/p>\n\n\n\n<p>On the <em><strong>Design<\/strong><\/em> tab you have various display options such as setting the width of the video or animating its appearance on the page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"224\" height=\"352\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-design.png\" alt=\"Website BUilder video widget design options\" class=\"wp-image-2555\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-design.png 224w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-design-191x300.png 191w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video-design-32x50.png 32w\" sizes=\"auto, (max-width: 224px) 100vw, 224px\" \/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>An eye catching video can be a great way of attracting the attention of your website visitors and can really help to make your online presence stand out from your competitors. Website Builder offers two easy methods of adding a video to your website, depending on whether you have it ready to upload or whether [&hellip;]<\/p>\n","protected":false},"author":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[198,154],"ht-kb-tag":[153],"class_list":["post-2550","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-improve-and-perfect-your-website","ht_kb_category-website-builder","ht_kb_tag-website-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a video in Website Builder - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Looking to add a video or YouTube to your website? Here&#039;s a simple guide on how to add a video to your website using Website Builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a video in Website Builder - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Looking to add a video or YouTube to your website? Here&#039;s a simple guide on how to add a video to your website using Website Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T10:20:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png\" \/>\n\t<meta property=\"og:image:width\" content=\"292\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/\",\"name\":\"How to add a video in Website Builder - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png\",\"datePublished\":\"2021-11-08T15:38:11+00:00\",\"dateModified\":\"2025-01-10T10:20:53+00:00\",\"description\":\"Looking to add a video or YouTube to your website? Here's a simple guide on how to add a video to your website using Website Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png\",\"width\":292,\"height\":618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a video in Website Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a video in Website Builder - Support Centre - names.co.uk","description":"Looking to add a video or YouTube to your website? Here's a simple guide on how to add a video to your website using Website Builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/","og_locale":"en_GB","og_type":"article","og_title":"How to add a video in Website Builder - Support Centre - names.co.uk","og_description":"Looking to add a video or YouTube to your website? Here's a simple guide on how to add a video to your website using Website Builder.","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:20:53+00:00","og_image":[{"width":292,"height":618,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/","name":"How to add a video in Website Builder - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png","datePublished":"2021-11-08T15:38:11+00:00","dateModified":"2025-01-10T10:20:53+00:00","description":"Looking to add a video or YouTube to your website? Here's a simple guide on how to add a video to your website using Website Builder.","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-widget-video.png","width":292,"height":618},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-video-in-website-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to add a video in Website Builder"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=2550"}],"version-history":[{"count":3,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2550\/revisions"}],"predecessor-version":[{"id":6457,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2550\/revisions\/6457"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2550"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2550"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}