How to Upload Youtube Video on Weebly

Sometimes videos are the like shooting fish in a barrel fashion to express your thoughts to the visitors instead of writing lengthy content. It can be a how-to tutorial, introduction of your company or annihilation else. Adding videos in Weebly site is also easy similar to calculation sound and text content. There are 4 means to add videos in Weebly site as listed below and we will discuss each selection in detail.

1. Using HTML5 video tags.
2. UseYouTube element to embed you YouTube videos.
3. Embed Lawmaking chemical element to embed any videos from sites like Vimeo.
4. Hd Video Player element for Weebly Pro users.

ane. Using HTML5 Video Tag on Weebly Site

HTML5 video tags allow you to host your own videos on default video actor. Yous don't demand to buy Weebly premium plan in order to use HTML5 video role player element. You tin can use video links from other websites or upload your videos under "Theme > Avails" section. Information technology is recommended to add .mp4, .ogv and .webm format videos to overcome browser compatibility issue.

Elevate and driblet an "Embed Code" chemical element on the page y'all desire to show your video. Paste the below HTML code inside "Embed Code" element. Ensure to replace the video links with your own.

<video affiche="https://img.webnots.com/2015/06/Slider-3.jpg" width="640" height="480" preload controls loop> <source src="https://img.webnots.com/2015/06/Slider-Video.mp4"> <source src="https://img.webnots.com/2015/06/Slider-Video.webm"> <source src="https://img.webnots.com/2015/06/Slider-Video.ogv"> </video>

The video will wait like below requires transmission play and supported past all modern browsers similar Chrome, Firefox, Safari and Border.

Avoid using automobile playing videos especially with audio to offer better user experience. You tin provide the controls to users for choosing whether to play the video or not.

2. Video Embedding Using YouTube Element

YouTube is the popular video hosting platform from Google and Weebly offers default YouTube element to embed videos easily. YouTube element is available in Weebly editor nether "Media" category. Y'all tin can drag and drop the element any place on the content area.

Weebly Media Elements

Once the chemical element is added on the content area, simply click on it to see customizing options. Yous can add the YouTube video URL, set up the alignment and spacing of video.

Weebly YouTube Video Embedding

You too can add or change video ID in the advanced options and change the size of your video to fit within your content.

Modify YouTube Video Size and ID in Weebly

Y'all can play the video within the editor and publish your site to check the existent streaming on browser.

Weebly does not offer an option to adjust the specific width and height of your video but the same tin can be accomplished by placing "Spacer" elements adjacent to your YouTube video.

three. Video Embedding Using Custom HTML

Similar to HTML5 video tags, you tin as well use "Embed Code" chemical element to insert the iframe video lawmaking from YouTube, Vimeo or any other video hosting sites offering iframe embed code.

• Copy the embed code from whatsoever sites like YouTube or Vimeo.
• Elevate and drop "Embed Code" element in your site'southward content area.
• Paste the HTML embed code inside the element and publish your site.

4. Using Weebly Pro Hd Video Histrion Element

The last pick is to upgrade your Weebly site to a premium plan and employ HD video player element. This is like to the HTML5 video player but offered every bit a default element. High Definition (HD) Video Histrion is one of the key Weebly Pro characteristic which allows user to upload upwards to 1GB size of video file on their websites. This is a must feature if you are hosting a video site which requires unlimited video uploads.

4.1. Features of Weebly Pro Hard disk drive Video Player

• 1GB Video File Size
• Unlimited number of Videos
• Auto Hard disk Conversion
• Unbranded – You can upload videos with your ain brand
• Supports all standard formats
• Various Video Sizes
• In Folio Video Playing – Video tin can be played inside Weebly editor without publishing your site.
• Pick to choose whether the video tin be downloaded by the user or not.
• Accommodate the size, margins and position of the video to marshal with your content.

Weebly HD Video Player

four.2. Process of Video Uploading to Weebly Site

• Simply Drag and Driblet the HD Video icon to your webpage
• Click on the epitome "Click here to Upload a video" and select the video you desire to upload
• Once the video is uploaded it volition be automatically encoded
• Cull the size of your video
• Play the video in page without publishing and check the clarity
• Publish your site

Weebly Video Upload Process

4.3. Video Controls

Following video command options are available during the play of the video every bit shown in the beneath flick:

Weebly Video Role player Controls

• Play or Pause button
• Electric current time and the total video time
• Seek bar to go to whatever place in the video
• Volume control
• Full screen style

By selecting the check box "Video Downloadable" yous can brand the video downloadable by the user.

Weebly Video Player Options

The video control will shown an option for downloading the video equally shown in the motion-picture show below.

Downloading Option for Weebly Video

iv.4. Drawbacks

Well, Hd Video player is i of the main attraction in the Weebly Pro pack simply at that place are uncomplicated requirements hopefully Weebly volition adjust in nearly hereafter.

• Video thespian is a mere player, you lot can't tape video from USB photographic camera
• You lot can't convert your photos in to you a video
• No possibility to generate embed coding
• Social sharing icons are not available to share the video URL
• Video view statistics not available – you will not know the popularity of your video or how many people viewed it
• No playlist pick available, this means only i video can be uploaded and viewed

Even if you upload a wonderful video in your Weebly site, there is no way the users can embed your videos in their site. Worst function is that the video can't be shared in whatever social media which ways a loss of inbound links to your site and hence the traffic and the search engine ranking. At the aforementioned time, this protects the copyright of the owners particularly if y'all are running an online store selling licensed videos.

Weebly Free Vs Pro Video Player

Free video embedding has the following advantages over uploading using pro HD video player element.

• Low page loading time which gives a good user experience in slower internet connections.
• Reduced crawling issues for search engine crawlers due to less page size.
• Overall site size will increase considerably with uploaded video size hence site backup will take longer time to download all your content.
• Embedded videos can hands exist shared in social media which will increment the popularity of your site.
• Uploading needs y'all to create or own your videos, but for embedding you lot tin can embed whatsoever videos bachelor with gratuitous distribution license.

caldwellassitiony.blogspot.com

Source: https://www.webnots.com/how-to-add-videos-in-weebly-site/

Share this post