How to Upload a Video and Embed it on Your Website

Jan Ozer March 7, 2011 Articles Leave a comment 1,018 Views

You can use free sites like YouTube and Vimeo to host your videos for you, and then embed those videos into the pages of your website. This step-by-step video guides you through the upload process, and then helps you customize the embed code so the final result looks perfect on your site.

</p> <div class="addtoany_share_save_container addtoany_content addtoany_content_bottom"><div class="a2a_kit a2a_kit_size_32 addtoany_list" data-a2a-url="https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html" data-a2a-title="How to Upload a Video and Embed it on Your Website"><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fstreaminglearningcenter.com%2Farticles%2Fhow-to-upload-a-video-and-embed-it-on-your-website.html&linkname=How%20to%20Upload%20a%20Video%20and%20Embed%20it%20on%20Your%20Website" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fstreaminglearningcenter.com%2Farticles%2Fhow-to-upload-a-video-and-embed-it-on-your-website.html&linkname=How%20to%20Upload%20a%20Video%20and%20Embed%20it%20on%20Your%20Website" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fstreaminglearningcenter.com%2Farticles%2Fhow-to-upload-a-video-and-embed-it-on-your-website.html&linkname=How%20to%20Upload%20a%20Video%20and%20Embed%20it%20on%20Your%20Website" title="Twitter" rel="nofollow noopener" target="_blank"></a></div></div> </div> <div class="share-post"> <span class="share-text">Share</span> <script> window.___gcfg = {lang: 'en-US'}; (function(w, d, s) { function go(){ var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) { if (d.getElementById(id)) {return;} js = d.createElement(s); js.src = url; js.id = id; fjs.parentNode.insertBefore(js, fjs); }; load('//connect.facebook.net/en/all.js#xfbml=1', 'fbjssdk' ); load('//platform.twitter.com/widgets.js', 'tweetjs' ); } if (w.addEventListener) { w.addEventListener("load", go, false); } else if (w.attachEvent) { w.attachEvent("onload",go); } }(window, document, 'script')); </script> <ul class="normal-social"> <li> <div class="fb-like" data-href="https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div> </li> <li><a href="https://twitter.com/share" class="twitter-share-button wpel-icon-right" data-url="https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html" data-text="How to Upload a Video and Embed it on Your Website" data-via="" data-lang="en" data-wpel-link="external" target="_blank" rel="external noopener noreferrer">tweet<span class="wpel-icon wpel-image wpel-icon-2"></span></a></li> <li><su:badge layout="2" location="https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html"></su:badge> <script type="text/javascript"> (function() { var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); })(); </script> </li> <li><script src="https://platform.linkedin.com/in.js" type="text/javascript"></script><script type="IN/Share" data-url="https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html" data-counter="right"></script></li> <li style="width:80px;"><script type="text/javascript" src="https://assets.pinterest.com/js/pinit.js"></script><a href="http://pinterest.com/pin/create/button/?url=https://streaminglearningcenter.com/articles/how-to-upload-a-video-and-embed-it-on-your-website.html&media=" class="pin-it-button" count-layout="horizontal" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"><img border="0" data-src="https://assets.pinterest.com/images/PinExt.png" title="Pin It" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload" /></a></li> </ul> <div class="clear"></div> </div>  <div class="clear"></div> </div> </article> <p class="post-tag">Tags <a href="https://streaminglearningcenter.com/tag/choosing-a-ugc-site" rel="tag" data-wpel-link="internal">Choosing a UGC site</a> <a href="https://streaminglearningcenter.com/tag/distributing-your-video" rel="tag" data-wpel-link="internal">Distributing your video</a></p> <div class="e3lan e3lan-post"> </div> <section id="author-box"> <div class="block-head"> <h3>About Jan Ozer </h3><div class="stripe-line"></div> </div> <div class="post-listing"> <div class="author-bio"> <div class="author-avatar"> <img alt='Avatar photo' data-src='https://streaminglearningcenter.com/wp-content/uploads/2021/07/janhead-90x90.jpg' data-srcset='https://streaminglearningcenter.com/wp-content/uploads/2021/07/janhead-180x180.jpg 2x' class='avatar avatar-90 photo lazyload' height='90' width='90' decoding='async' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' style='--smush-placeholder-width: 90px; --smush-placeholder-aspect-ratio: 90/90;' /> </div> <div class="author-description"> I help companies train new technical hires in streaming media-related positions; I also help companies optimize their codec selections and encoding stacks and evaluate new encoders and codecs. I am a contributing editor to Streaming Media Magazine, writing about codecs and encoding tools. I have written multiple authoritative books on video encoding, including Video Encoding by the Numbers: Eliminate the Guesswork from your Streaming Video (https://amzn.to/3kV6R1j) and Learn to Produce Video with FFmpeg: In Thirty Minutes or Less (https://amzn.to/3ZJih7e). I have multiple courses relating to streaming media production, all available at https://bit.ly/slc_courses. I currently work as www.netint.com as a Senior Director in Marketing. </div> <div class="author-social flat-social"> <a class="social-site" target="_blank" href="https://www.streaminglearningcenter.com" data-wpel-link="internal"><i class="fa fa-home"></i></a> <a class="social-linkedin wpel-icon-right" target="_blank" href="https://www.linkedin.com/in/jan-ozer/" data-wpel-link="external" rel="external noopener noreferrer"><i class="fa fa-linkedin"></i><span class="wpel-icon wpel-image wpel-icon-2"></span></a> <a class="social-youtube wpel-icon-right" target="_blank" href="https://www.youtube.com/@JanOzer" data-wpel-link="external" rel="external noopener noreferrer"><i class="fa fa-youtube"></i><span class="wpel-icon wpel-image wpel-icon-2"></span></a> </div> <div class="clear"></div> </div> </div> </section> <div class="post-navigation"> <div class="post-previous"><a href="https://streaminglearningcenter.com/articles/h-264-encoding-tools-five-popular-encoders-compared.html" rel="prev" data-wpel-link="internal"><span>Previous</span> H.264 Encoding Tools: Five Popular Encoders Compared</a></div> <div class="post-next"><a href="https://streaminglearningcenter.com/articles/choosing-a-streaming-encoding-tool.html" rel="next" data-wpel-link="internal"><span>Next</span> Choosing a Streaming Encoding Tool</a></div> </div> <section id="check-also-box" class="post-listing check-also-right"> <a href="#" id="check-also-close"><i class="fa fa-close"></i></a> <div class="block-head"> <h3>Check Also</h3> </div> <div class="check-also-post"> <h2 class="post-title"><a href="https://streaminglearningcenter.com/codecs/googles-deepmind-c3-neural-codec.html" rel="bookmark" data-wpel-link="internal">Evaluating DeepMind C3: A Low-Complexity Neural Codec with Competitive Compression Efficiency</a></h2> <p>This paper, entitled, C3: High-performance and low-complexity neural compression from a single image or video, …</p> </div> <div class="check-also-post"> <h2 class="post-title"><a href="https://streaminglearningcenter.com/codecs/few-shot-domain-adaptation-for-learned-image-compression.html" rel="bookmark" data-wpel-link="internal">Few-Shot Domain Adaptation for Learned Image Compression</a></h2> <p>The white paper, authored by researchers from the University of Science and Technology of China, …</p> </div> <div class="check-also-post"> <div class="post-thumbnail"> <a href="https://streaminglearningcenter.com/articles/following-the-money-what-the-lexis-nexis-patent-report-reveals-about-vvc-and-aomedia.html" data-wpel-link="internal"> <img width="310" height="138" data-src="https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-310x138.png" class="attachment-tie-medium size-tie-medium wp-post-image lazyload" alt="" decoding="async" data-srcset="https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-310x138.png 310w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-300x133.png 300w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-1024x454.png 1024w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-768x341.png 768w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-110x49.png 110w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-660x293.png 660w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2-1050x466.png 1050w, https://streaminglearningcenter.com/wp-content/uploads/2025/01/vvc_patent2.png 1316w" data-sizes="(max-width: 310px) 100vw, 310px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 310px; --smush-placeholder-aspect-ratio: 310/138;" /> <span class="fa overlay-icon"></span> </a> </div> <h2 class="post-title"><a href="https://streaminglearningcenter.com/articles/following-the-money-what-the-lexis-nexis-patent-report-reveals-about-vvc-and-aomedia.html" rel="bookmark" data-wpel-link="internal">Following the Money: What the Lexis Nexis Patent Report Reveals About VVC and AOMedia</a></h2> <p>While researching my State of the Codec Market article for the 2025 Streaming Media Sourcebook, …</p> </div> </section> <div id="comments"> <div class="clear"></div> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/articles/how-to-upload-a-video-and-embed-it-on-your-website.html#respond" style="display:none;" data-wpel-link="internal">Cancel reply</a></small></h3><form action="https://streaminglearningcenter.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required">*</span></label> <textarea autocomplete="new-password" id="dbbfabf4ae" name="dbbfabf4ae" cols="45" rows="8" maxlength="65525" required></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "a8232a8582cbccc71b46560aede995a1" );document.getElementById("dbbfabf4ae").setAttribute( "id", "comment" );</script></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='5640' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </div> <aside id="sidebar"> <div class="theiaStickySidebar"> <div id="block-3" class="widget widget_block widget_media_image"><div class="widget-container"> <figure class="wp-block-image size-full"><a href="https://courses.streaminglearningcenter.com/courses/streaming101" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"><img decoding="async" width="760" height="420" data-src="https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101.jpg" alt="" class="wp-image-17793 lazyload" data-srcset="https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101.jpg 760w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101-300x166.jpg 300w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101-110x61.jpg 110w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101-299x165.jpg 299w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101-310x171.jpg 310w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/MEDIA-101-597x330.jpg 597w" data-sizes="(max-width: 760px) 100vw, 760px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 760px; --smush-placeholder-aspect-ratio: 760/420;" /></a></figure> </div></div><div id="block-4" class="widget widget_block widget_media_image"><div class="widget-container"> <figure class="wp-block-image size-full"><a href="https://courses.streaminglearningcenter.com/courses/computing-and-using-video-quality-metrics-a-course-for-encoding-professionals" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"><img decoding="async" width="760" height="420" data-src="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics.jpg" alt="" class="wp-image-17794 lazyload" data-srcset="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics.jpg 760w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics-300x166.jpg 300w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics-110x61.jpg 110w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics-299x165.jpg 299w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics-310x171.jpg 310w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Computing-_-Using-Video-Quality-Metrics-597x330.jpg 597w" data-sizes="(max-width: 760px) 100vw, 760px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 760px; --smush-placeholder-aspect-ratio: 760/420;" /></a></figure> </div></div><div id="block-6" class="widget widget_block widget_media_image"><div class="widget-container"> <figure class="wp-block-image size-full"><a href="https://courses.streaminglearningcenter.com/courses/Introduction-to-streaming-media" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"><img decoding="async" width="760" height="420" data-src="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media.jpg" alt="" class="wp-image-17796 lazyload" data-srcset="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media.jpg 760w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media-300x166.jpg 300w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media-110x61.jpg 110w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media-299x165.jpg 299w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media-310x171.jpg 310w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Introduction-to-Streaming-Media-597x330.jpg 597w" data-sizes="(max-width: 760px) 100vw, 760px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 760px; --smush-placeholder-aspect-ratio: 760/420;" /></a></figure> </div></div><div id="block-5" class="widget widget_block widget_media_image"><div class="widget-container"> <figure class="wp-block-image size-full"><a href="https://courses.streaminglearningcenter.com/courses/getting-up-and-running-with-wowza-streaming-engine-4-8" data-wpel-link="external" target="_blank" rel="external noopener noreferrer"><img decoding="async" width="760" height="420" data-src="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming.jpg" alt="" class="wp-image-17795 lazyload" data-srcset="https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming.jpg 760w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming-300x166.jpg 300w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming-110x61.jpg 110w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming-299x165.jpg 299w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming-310x171.jpg 310w, https://streaminglearningcenter.com/wp-content/uploads/2023/08/Wowza-Streaming-597x330.jpg 597w" data-sizes="(max-width: 760px) 100vw, 760px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 760px; --smush-placeholder-aspect-ratio: 760/420;" /></a></figure> </div></div> </div> </aside> <div class="clear"></div> </div> <div class="e3lan e3lan-bottom"> </div> <div class="clear"></div> <div class="footer-bottom"> <div class="container"> <div class="alignright"> </div> <div class="social-icons"> <a class="ttip-none" title="Rss" href="https://streaminglearningcenter.com/feed" target="_blank" data-wpel-link="internal"><i class="fa fa-rss"></i></a> </div> <div class="alignleft"> © Copyright 2025 Streaming Learning Center, All Rights Reserved </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div id="topcontrol" class="fa fa-angle-up" title="Scroll To Top"></div> <div id="fb-root"></div> <div id="reading-position-indicator"></div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script type="text/javascript" id="dlm-xhr-js-extra"> /* <![CDATA[ */ var dlmXHRtranslations = {"error":"An error occurred while trying to download the file. Please try again.","not_found":"Download does not exist.","no_file_path":"No file path defined.","no_file_paths":"No file paths defined.","filetype":"Download is not allowed for this file type.","file_access_denied":"Access denied to this file.","access_denied":"Access denied. You do not have permission to download this file.","security_error":"Something is wrong with the file path.","file_not_found":"File not found."}; /* ]]> */ </script> <script type="text/javascript" id="dlm-xhr-js-before"> /* <![CDATA[ */ const dlmXHR = {"xhr_links":{"class":["download-link","download-button"]},"prevent_duplicates":true,"ajaxUrl":"https:\/\/streaminglearningcenter.com\/wp-admin\/admin-ajax.php"}; dlmXHRinstance = {}; const dlmXHRGlobalLinks = "https://streaminglearningcenter.com/download/"; const dlmNonXHRGlobalLinks = []; dlmXHRgif = "https://streaminglearningcenter.com/wp-includes/images/spinner.gif"; const dlmXHRProgress = "1" /* ]]> */ </script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/plugins/download-monitor/assets/js/dlm-xhr.min.js" id="dlm-xhr-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"mobile_menu_active":"true","mobile_menu_top":"","lightbox_all":"true","lightbox_gallery":"true","woocommerce_lightbox":"","lightbox_skin":"dark","lightbox_thumb":"vertical","lightbox_arrows":"","sticky_sidebar":"1","is_singular":"1","reading_indicator":"true","lang_no_results":"No Results","lang_results_found":"Results Found"}; /* ]]> */ </script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/themes/sahifa/js/tie-scripts.js" id="tie-scripts-js"></script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/themes/sahifa/js/ilightbox.packed.js" id="tie-ilightbox-js"></script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/themes/sahifa/js/validation.js" id="tie-validation-js"></script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js" id="smush-lazy-load-js"></script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-includes/js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://streaminglearningcenter.com/wp-content/themes/sahifa/js/search.js" id="tie-search-js"></script> </body> </html>

Streaming Learning Center Where Streaming Professionals Learn to Excel

How to Upload a Video and Embed it on Your Website

Related Articles

How to Upload a Video and Embed it on Your Website

Related Articles

Deep Render AI Codec Running in FFmpeg and VLC

Tesla Rolls Back YouTube from AV1 to VP9 to Improve QoE—Another in a Series of Cautionary Tales

Deep Render AI Codec: Faster, Smarter, and Ready for Prime Time?

Unlocking CTV’s Full Ad Potential with Server-Guided Ad Insertion