How To Learn To Put A Video Player On The Site

Table of contents:

How To Learn To Put A Video Player On The Site
How To Learn To Put A Video Player On The Site

Video: How To Learn To Put A Video Player On The Site

Video: How To Learn To Put A Video Player On The Site
Video: Insert a HTML5 video player to your website's simple video's (https://plyr.io) Dynamic Video Player 2024, December
Anonim

If you want to add a video to your site in order to attract more users, post your favorite videos, present the product from the advantageous side, use one of the most common methods.

How to learn to put a video player on the site
How to learn to put a video player on the site

Instructions

Step 1

Refer to YouTube or RuTube service. Register on the site, after which you will have your own channel through which you can download or post videos. After registration, follow the link "Add video" (located in the upper right corner). In the menu for adding a file, enter its name, description, keywords. Select a category for the file. After the video is loaded, save it and go to the view menu. Find the "Insert" tab at the bottom of the player and get the html-code of the video. Copy it and install it on your site on the selected site.

Step 2

Install the video using plugins that are available in any CMS. For example, if your site is built in WordPress, it will be the Video Embedder plugin. Download it, install and activate it. After that, in order to add a video, go to the video service where the video is located and copy the file ID. So if you go to YouTube, you will see something code in the address bar (after ryv). Copy it starting with ryv. This will be the identification code of the video. Embed it on your website. To do this, switch to the html editor mode and add in the right place: [youtube] ryv-3s18zy0 [/youtube]. In addition to YouTube, the Video Embedder plugin allows you to add videos from other sources (for example, from RuTube or Smotri.com).

Step 3

Download and install one of the world's most popular video players such as JW Player. Unpack the archive and grab the code from index.html. In the first line of code, specify an object for the player and set its parameters (path to the player's.swf file, its width and height). In the second, write: so.addParam ('allowfullscreen', 'true');. This will indicate that the video can be viewed in full screen mode. Pay attention to the fifth line, where you will need to specify the exact URL of the video, the name of the provider (for example, the same YouTube), the path to the xml file of the player skin (if specified). In the sixth line, specify: so.write ('preview');. Enter in this line and the ID of the element where you want to place the player. Connect the swfobject.js file and check how the video is displayed.

Recommended: