{"id":961,"date":"2011-09-02T14:35:05","date_gmt":"2011-09-02T14:35:05","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/02\/embedding-video-directly-into-webpage\/"},"modified":"2023-10-12T21:07:00","modified_gmt":"2023-10-13T01:07:00","slug":"embedding-video-directly-into-webpage","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/","title":{"rendered":"How to Embed a Video on a Webpage"},"content":{"rendered":"<p>When you think about embedding video on the pages of your website, you might see yourself copying and pasting long strings of spaghetti code from one page to another. And, once you\u2019ve posted the code, you\u2019re seeing strange errors going off. Don\u2019t worry, embedding video on your webpage is not like this at all. It\u2019s actually quite simple.<\/p>\n\n<p>With today\u2019s broadband Internet speeds on both desktop and mobile devices, video streaming is more popular and faster than ever. For this reason, and many more, it makes sense to embed video on your webpage. Put it this way, if you\u2019re <em>not<\/em> using video then your website may get left behind.<\/p>\n\n<h2>Hosting Options for Video Embedding<\/h2>\n\n<p>When it comes to embedding videos on your website, the way you choose to host them has a significant impact on control, customization, and performance. Let\u2019s explore some important considerations:<\/p>\n\n<h3>Self-Hosted Videos<\/h3>\n\n<p>Putting your videos on your own server gives you complete control over the video player\u2019s look and the user experience. This is especially beneficial for businesses looking to maintain a consistent brand identity on their websites.<\/p><p>\n\n<\/p><p>Hosting videos on <a href=\"https:\/\/www.inmotionhosting.com\/dedicated-servers\">dedicated servers<\/a> or <a href=\"https:\/\/www.inmotionhosting.com\/bare-metal-servers\">bare metal servers<\/a> is preferable to shared hosting for several reasons. Firstly, dedicated servers ensure better performance as they provide exclusive resources for your website or application. This exclusivity means that the server\u2019s resources are not shared among multiple users, resulting in smoother video playback and improved overall performance. Additionally, dedicated and bare metal servers offer greater customization options, allowing you to tailor the server environment to meet specific video hosting requirements, implement streaming protocols, and enhance the viewer experience.<\/p>\n\n<h3>Third-Party Services<\/h3>\n\n<p>Opting to host videos on a third-party service rather than self-hosting provides several benefits. Third-party platforms like YouTube, Vimeo, or AWS offer specialized infrastructure designed for efficient video storage, delivery, and playback. One of the primary advantages is the broader reach and visibility that these platforms provide. YouTube, for instance, has a vast user base, potentially increasing the discoverability of your videos. Additionally, third-party services handle the complexities of video encoding, transcoding, and delivery, saving you the effort of managing these technical aspects.<\/p>\n\n<p>In this tutorial, we\u2019ll show you how to embed video from the following services:<\/p>\n\n<ul>\n<li><a href=\"#youtube\">YouTube<\/a> (free)<\/li>\n<li><a href=\"#internet-archive\">The Internet archive<\/a> (free)<\/li>\n<li><a href=\"#AWS\">Amazon Web Services (AWS)<\/a> (paid)<\/li>\n<\/ul>\n\n<p>Also, if you\u2019re <a href=\"#WordPress\">embedding video into WordPress<\/a>, it\u2019s even easier to embed videos from third-party service. All you\u2019ll need is the URL of the video.<\/p>\n\n<a name=\"youtube\"><\/a><h2>How to Embed Video from YouTube<\/h2>\n<p>YouTube makes it very simple to embed videos. All you need to do is find your video and click the \u201cShare\u201d button to get to the embed code.<\/p>\n<ol class=\"article_list\">\n<li>Go to YouTube to get your video<\/li>\n<li><!--how_to_embed_video_-01.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"500\" height=\"400\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\" class=\"optimized-lcp-image\" alt=\"\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png 500w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01-300x240.png 300w\"><\/a>Click the <strong>Share<\/strong> button<\/li><div style=\"clear:both;\">\n<li><!--how_to_embed_video_-02.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-02.png\" rel=\"lightbox-0\"> <img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-02.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Embed link\"><\/a>Click embed<\/li><div style=\"clear:both;\">\n<li><!--how_to_embed_video_-03.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-03.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-03.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Copy Embed code\"><\/a>Copy the embed code into the code of your site<\/li><div style=\"clear:both;\">\n<\/div><\/div><\/div><\/ol>\n<p>Well done! You now have the raw embed code on your website, and the video will render just as it did in the YouTube preview window.<\/p>\n<a name=\"WordPress\"><\/a><h2>Embed Video From YouTube to WordPress (Easiest Way)<\/h2>\n<p>Before we move on to the other video hosting services, we\u2019ll stop and take a look at how the above process works much faster and easier if you\u2019re using WordPress. With WordPress, you don\u2019t need to get your embed code from YouTube. You can actually just copy and paste the video URL itself.<\/p>\n<p>A YouTube video URL may look something like this<br><code>https:\/\/www.youtube.com\/watch?v=LRcrgXQjdG0<\/code> <br>or this: <br><code>https:\/\/youtu.be\/LRcrgXQjdG0<\/code><\/p>\n<p>Both of the above URLs will work the same.<\/p>\n<ol class=\"article_list\">\n<li>Log into your <a href=\"\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">WordPress dashboard<\/a><\/li>\n<li><!--how_to_embed_video_-04.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-04.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-04.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Edit Post in WordPress dashboard\"><\/a>Create a new post or edit an existing one<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-05.png--> <a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-05.png\" rel=\"lightbox-0\"><img decoding=\"async\" ;=\"\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-05.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"paste URL in post\"><\/a>Paste the URL into the post body (main content area)<\/li><div style=\"clear:both;\"><\/div>\n<\/ol>\n<p>You\u2019ll notice the URL is instantly replaced by the video. Easy.<\/p>\n<!-- Internet archive -->\n<a name=\"internet-archive\"><\/a><h2>How to Embed Video from the Internet Archive<\/h2>\n<p>The Internet archive is a hybrid media and preservation repository, where users may submit as much content as they want. Here, you can upload your own videos and embed them on your website. Or, you can embed content uploaded by others.<\/p>\n<ol class=\"article_list\">\n<li>Go to the <a href=\"https:\/\/archive.org\/\">Internet archive home page<\/a><\/li>\n<li>Search for or select a video<\/li>\n<li><!-- how_to_embed_video_-06.png --> <a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-06.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-06.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Internet archive share button\"><\/a>Click the share button<\/li><div style=\"clear:both;\"><\/div>\n<li>Paste the embed into your site<\/li>\n<\/ol>\n<p>Now, the video will render on your page with the all the video controls necessary to play properly.<\/p>\n<!-- Amazon -->\n<a name=\"AWS\"><\/a><h2>How to Embed Video from Amazon Web Services (AWS)<\/h2>\n<p>As mentioned above, hosting your own video on a dedicated server is best. But if a dedicated server is out of your budget, you can make use of Amazon\u2019s infrastructure to host your videos. Basically, using AWS, we\u2019re going to create an S3 bucket that acts as a sort hard drive in the cloud where we can store our videos publicly.<\/p>\n<h3>Create an S3 Bucket For Storing Video<\/h3>\n<ol class=\"article_list\">\n<li><!--how_to_embed_video_-07.png --> <a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-07.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-07.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Amazon AWS login screen\"><\/a><a href=\"https:\/\/console.aws.amazon.com\/\">Log into AWS<\/a> using your Amazon account<\/li><div style=\"clear:both;\"><\/div>\n<li><!--how_to_embed_video_-08.png --> <a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-08.png\" rel=\"lightbox-0\"><img decoding=\"async\" ;=\"\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-08.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Services dropdown\"><\/a>Click the <strong>Services<\/strong> dropdown<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-09.png--> <a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-09.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-09.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"S3 link under Storage\"><\/a>Under <em>Storage<\/em> click <strong>S3<\/strong><\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-10.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-10.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-10.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Blue Create Bucket button\"><\/a>Click <strong>Create bucket<\/strong><\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-11.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-11.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-11.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Bucket name and region settings\"><\/a>Name your bucket and select a region<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-12.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-12.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-12.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Blue Next button\"><\/a>Click <strong>Next<\/strong> to select default configure options<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-22.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-22.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-22.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Block all public access checkbox\"><\/a>Uncheck <em>Block all public access<\/em> and click <strong>Next<\/strong><\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-13.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-13.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-13.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"blue Create Bucket button\"><\/a>Click <strong>Create Bucket<\/strong> after going through options<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-14.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-14.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-14.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Select bucket\"><\/a>Select your new bucket to add contents<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-15.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-15.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"blue Upload button\"><\/a>Click <strong>Upload<\/strong> to upload a video<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-16.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-16.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Add files popup\"><\/a>Drag video files into window or click <strong>Add files<\/strong> to select the video from your computer<\/li><div style=\"clear:both;\"><\/div>\n<li><!--how_to_embed_video_-17.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-17.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-17.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"blue Upload button\"><\/a>Click <strong>Upload<\/strong> on the upload screen<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-18.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-18.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-18.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"select video\"><\/a>Select the video after the upload completes<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-19.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-19.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-19.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"permissions tab\"><\/a>Select <strong>Permissions<\/strong> tab from the top<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-20.png --><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-20.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-20.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Everyone group\"><\/a>Scroll down to the public access section and click the radio button for \u201cEveryone\u201d<\/li><div style=\"clear:both;\"><\/div>\n<li><!-- how_to_embed_video_-21.png--><a href=\"\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-21.png\" rel=\"lightbox-0\"><img decoding=\"async\" class=\"std_ss\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-21.png\" style=\"float:right;width:auto;margin:15px;\" alt=\"Read object checkbox\"><\/a>Check the box for <em>Read object<\/em> and click <strong>Save<\/strong><\/li><div style=\"clear:both;\"><\/div>\n<\/ol>\n<p>Congratulations! You just uploaded your video and made it publicly available to the web through AWS. In the section below, we\u2019re going to use the object URL to embed the video on a page of your website.<\/p>\n<h3>Use HTML5 Video Tag to Embed the Video<\/h3>\n<p>The HTML5 standard introduced a new video tag to allow developers to easily drop a video into any HTML page. First, make sure to grab the URL for your video by click the \u201cObject URL\u201d link in AWS. In order to use the video tag, use a code snippet like this instead of the embed codes we used earlier:<\/p>\n<code>\n&lt;video width=\"320\" height=\"240\" controls&gt;<br>\n&lt;source src=\"paste-the-object-url-here-between-the-quotes\" type=\"video\/mp4\"&gt;<br>\n&lt;\/video&gt; \n<\/code>\n<p>That\u2019s it! That\u2019s all you need to know to embed videos on your webpages. Be sure to leave a comment below if you have any trouble with these steps.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you think about embedding video on the pages of your website, you might see yourself copying and pasting long strings of spaghetti code from one page to another. And, once you\u2019ve posted the code, you\u2019re seeing strange errors going off. Don\u2019t worry, embedding video on your webpage is not like this at all. It\u2019s<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\"> Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-961","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Embed a Video on a Webpage | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.\" \/>\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.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Embed a Video on a Webpage | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-02T14:35:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-13T01:07:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"How to Embed a Video on a Webpage\",\"datePublished\":\"2011-09-02T14:35:05+00:00\",\"dateModified\":\"2023-10-13T01:07:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\"},\"wordCount\":1050,\"commentCount\":50,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\",\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\",\"name\":\"How to Embed a Video on a Webpage | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\",\"datePublished\":\"2011-09-02T14:35:05+00:00\",\"dateModified\":\"2023-10-13T01:07:00+00:00\",\"description\":\"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png\",\"width\":500,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Embed a Video on a Webpage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Embed a Video on a Webpage | InMotion Hosting","description":"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.","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.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/","og_locale":"en_US","og_type":"article","og_title":"How to Embed a Video on a Webpage | InMotion Hosting","og_description":"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-09-02T14:35:05+00:00","article_modified_time":"2023-10-13T01:07:00+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png","type":"","width":"","height":""}],"author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"How to Embed a Video on a Webpage","datePublished":"2011-09-02T14:35:05+00:00","dateModified":"2023-10-13T01:07:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/"},"wordCount":1050,"commentCount":50,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png","articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/","name":"How to Embed a Video on a Webpage | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png","datePublished":"2011-09-02T14:35:05+00:00","dateModified":"2023-10-13T01:07:00+00:00","description":"This article will teach you how to embed a .mwv and .mp4 video directly into your webpage.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/06\/how_to_embed_video_-01.png","width":500,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/embedding-video-directly-into-webpage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Embed a Video on a Webpage"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4288,"name":"Website","slug":"website","link":"https:\/\/www.inmotionhosting.com\/support\/website\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/961","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=961"}],"version-history":[{"count":8,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/961\/revisions"}],"predecessor-version":[{"id":107151,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/961\/revisions\/107151"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=961"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=961"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=961"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}