{"id":1592,"date":"2022-03-23T11:34:00","date_gmt":"2022-03-23T09:34:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=1592"},"modified":"2024-09-13T11:34:57","modified_gmt":"2024-09-13T08:34:57","slug":"embed-website-video","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/embed-website-video\/","title":{"rendered":"How to Add a Video to Your Website?"},"content":{"rendered":"

The greatest majority of videos on the Internet is, of course, entertainment content. But this doesn\u2019t prevent the use of video for informational and commercial purposes.<\/p>\n

\"share<\/a><\/p>\n

<\/p>\n

Large online stores adopted video content many years ago. And this is not surprising: according to video marketing stats<\/a>, 64% of consumers make a purchase after watching branded social videos.<\/p>\n

Now all significant products are accompanied by a demonstrational video. It also perfectly complements the text description and photo. Entrepreneurs use reviews, news, advertising videos, distribute them on social media and embed them into website pages.<\/p>\n

But if there can be no problems in posting, then embedding a video in an HTML iframe<\/a> that will attract traffic, become viral<\/a> and drive sales may confuse. Today we will figure out how you can add a video to the website.<\/p>\n

How to Place a YouTube Video on the Website?<\/h2>\n

It\u2019s very simple. First, you need to go to a popular video site and find the video that you need to embed on your page. There are a couple of buttons underneath. We need the “Share<\/strong>” button<\/a>. Here we select the \u201cEmbed<\/strong>\u201d option, and YouTube itself will show the video HTML code<\/a> that must be inserted on your page to display it. By the way, you can customize the video so that it plays from a certain point on your website.<\/p>\n

\"embed<\/p>\n

There are several attributes in the code: width<\/em> and height<\/em>, and allowfullscreen<\/em> that allows the content to be expanded to the entire screen. Frameborder <\/em>stands for the frame on the website, and src<\/em> is the path to the YouTube video.<\/p>\n

Thus, you just need to know the address of a specific video, copy it, and enter it into the code.<\/p>\n

This method is very easy, but with its own flaws. The problem is that if you insert someone else’s video, then over time, it may be removed by the author, and your website will indicate that it\u2019s not available. That\u2019s why it\u2019s better to create your own channel and embed your own videos.<\/p>\n

Uploading a Video From a Computer Without Video Hosting<\/h2>\n

This option is more time-consuming. You need to install a Flash or YouTube player that will play the content. Then work with the tags on the website. In practice it looks like this: script type = “text \/ javascript” src = “player name \/ player name-program version.min.js”.<\/em> Then enter extra codes with the video file address http:\/\/ your site address \/ player name \/ player name-program version.swf “,wmode:” transparent “}).<\/em> Save the data, after which the video will be available for viewing.<\/p>\n

\"upload<\/p>\n

Insert a Video Via HTML Code<\/h2>\n

In the HTML5 version, there is a video tag that allows you to insert a video on the website without any scripts, as well as play it through the built-in player.<\/p>\n

In a simple version, the HTML markup for placing a video file on a page looks like this:<\/p>\n

<video src = “video.ogv” controls> <\/video><\/em><\/a><\/p>\n

The controls <\/em>attribute is responsible for the appearance of video player controls. You can add an image using the poster <\/em>attribute, which the browser will use while the video is loading or until the user clicks the play button, and set the height <\/em>and width <\/em>of the video.<\/p>\n

It\u2019s also recommended to list all possible formats in the <source<\/em>>, starting with the preferred one. You also need to specify the MIME type for each video file.<\/p>\n

You can also configure the autoplay <\/em>attribute, which will be responsible for automatically playing the video file as soon as the page loads. Moreover, you can set the loop <\/em>to provide the loop playback of a video.<\/p>\n

*Check other video management<\/a> attributes.<\/p>\n

\"video<\/p>\n

Embedding Video Tips<\/h2>\n