HTML5 Stock Video Resources + FREE template!

  • 4
  • Article
  • Updated 3 years ago
  • (Edited)
Using video is one of the largest design trends this year and has been proven as a very effective method to attract attention and on the web convert viewers. There are several things you can do with video in digital signage. You can embed your video as a background, header, on loop, mute and more. This creates content that is visually engaging and best of all, quick to load.

Rise Vision offers an Video Widget that allows you to input your video very easily. For this article I have gathered several resources where you can find videos for free. These websites will provide stock footage of content that may be related to your business or project. We support WebM videos, other formats may work however we suggest converting your videos to WebM for top performance. Learn more about HTML5 video here and here.

http://www.xstockvideo.com

http://mazwai.com/

http://www.videvo.net/

http://fancyfootage.club/

http://www.coverr.co/

http://www.lifeofvids.com/

http://www.wedistill.io/

http://www.videezy.com/

https://videos.pexels.com/

https://www.reddit.com/r/stockfootage/

https://www.storyandheart.com/

http://www.clipcanvas.com/free-footage/

http://www.stockfootageforfree.com/

http://www.vidsplay.com/

http://www.cutestockfootage.com/

http://www.beachfrontbroll.com/p/general-stock-video.html

To import your video using our widget, simply click the placeholder icon. A new placeholder window will load up, from there hit “Add” and select “Content”. You will then be forwarded to our Store window where you can locate our video widget.

After you have selected the video widget, 'Video Widget’ should be listed in your placeholder window. Click the “Configure” link.

Here you can upload your video from our storage. To do this, select our storage icon beside the URL field. From there select the cloud upload icon. Now, locate the .WebM file you saved earlier. Hit “Open” and your video should upload onto storage. Select your uploaded file and hit “Save”. You can control the volume of your video (most members choose to mute their video just for the visuals). If you do not want the video player to show, (i.e play button and the tracker) uncheck “Show video controls”. Hit ‘save’. Congratulations!

I have also provided a free video template along with this article. Feel free to customize and play around with it as much as you’d like. In your editor, hit the “HTML” tab next to “Design” on the upper-left. Copy and paste the code below. Enjoy!

<!-- Warning - Editing the Presentation Data Object incorrectly may result in the Presentation not functioning correctly -->

<!--<br />var presentationData = {<br />"presentationData": {<br />"id": "bb401c9c-ddfa-49e8-8108-559d4255e7c6",<br />"hidePointer": true,<br />"donePlaceholder": "ph0",<br />"placeholders": [<br />{<br />"id": "ph0",<br />"type": "playlist",<br />"timeDefined": false,<br />"startDate": "10/02/15 2:18 PM",<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "0",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0",<br />"visibility": true,<br />"transition": "none",<br />"items": [<br />{<br />"name": "Image Item",<br />"duration": "10",<br />"type": "image",<br />"objectReference": null,<br />"index": "0",<br />"playUntilDone": false,<br />"objectData": "up_url=https%3A%2F%2Fstorage.googleapis.com%2Frisemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4%2FHTML5VIDEOTEMPLATE%252Friseescape.png&up_backgroundColor=&up_scaleToFit=false",<br />"additionalParams": null,<br />"timeDefined": false,<br />"startDate": null,<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "1",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0"<br />}<br />]<br />},<br />{<br />"id": "ph2",<br />"type": "playlist",<br />"timeDefined": false,<br />"startDate": "10/02/15 2:22 PM",<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "0",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0",<br />"visibility": true,<br />"transition": "none",<br />"items": [<br />{<br />"name": "HTML5 Video Widget",<br />"duration": "10",<br />"type": "widget",<br />"objectReference": "2d407395-d1ae-452c-bc27-78124a47132b",<br />"index": "0",<br />"playUntilDone": false,<br />"objectData": "<a href="http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"" rel="nofollow">http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"</a>;,<br />"additionalParams": "{\"url\":\"<a href="https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPLATE%2FSail-Away.mp4\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"Sail-Away.mp4\",\"folder\":\"HTML5VIDEOTEMPLATE/\"},\"video\":{\"scaleToFit\":false,\"volume\":0,\"controls\":false,\"autoplay\":true}}"" rel="nofollow">https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPL...</a>;,<br />"timeDefined": false,<br />"startDate": null,<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "1",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0"<br />}<br />]<br />},<br />{<br />"id": "ph1",<br />"type": "playlist",<br />"timeDefined": false,<br />"startDate": "10/02/15 2:34 PM",<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "0",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0",<br />"visibility": true,<br />"transition": "none",<br />"items": [<br />{<br />"name": "HTML5 Video Widget",<br />"duration": "10",<br />"type": "widget",<br />"objectReference": "2d407395-d1ae-452c-bc27-78124a47132b",<br />"index": "0",<br />"playUntilDone": false,<br />"objectData": "<a href="http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"" rel="nofollow">http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html"</a>;,<br />"additionalParams": "{\"url\":\"<a href="https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPLATE%2FBeach-Camera.mp4\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"Beach-Camera.mp4\",\"folder\":\"HTML5VIDEOTEMPLATE/\"},\"video\":{\"scaleToFit\":false,\"volume\":0,\"controls\":false,\"autoplay\":true}}"" rel="nofollow">https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPL...</a>;,<br />"timeDefined": false,<br />"startDate": null,<br />"endDate": null,<br />"startTime": null,<br />"endTime": null,<br />"recurrenceType": "Daily",<br />"recurrenceFrequency": "1",<br />"recurrenceAbsolute": true,<br />"recurrenceDayOfWeek": "0",<br />"recurrenceDayOfMonth": "1",<br />"recurrenceWeekOfMonth": "0",<br />"recurrenceMonthOfYear": "0"<br />}<br />]<br />}<br />]<br />}<br />};<br />//-->

<!-- No scripts after this point -->
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb

Posted 3 years ago

  • 4
Photo of RV News

RV News

  • 2,358 Points 2k badge 2x thumb
Great, thanks!

I've copied and pasted your code, but only get a white screen?







Photo of Shea

Shea, Official Rep

  • 5,188 Points 5k badge 2x thumb
Hi RV News,

There may be a typo somewhere in the code. Could you please try using this.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title></title> </head> <body style="width:1920px;height:1080px; margin: 0; overflow: hidden;background:url('https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/backgroundtemplate.png') no-repeat left top;background-size:contain;" > <div id="ph0" placeholder="true" style="width:601px;height:187px;left:0px;top:13px;z-index:0;position:absolute;"></div> <div id="ph2" placeholder="true" style="width:950px;height:566px;left:969px;top:0px;z-index:1;position:absolute;"></div> <div id="ph1" placeholder="true" style="width:966px;height:516px;left:2px;top:566px;z-index:2;position:absolute;"></div> </body> <!-- Warning - Editing the Presentation Data Object incorrectly may result in the Presentation not functioning correctly --> <script language='javascript'> <!-- var presentationData = { "presentationData": { "id": "bb401c9c-ddfa-49e8-8108-559d4255e7c6", "hidePointer": true, "donePlaceholder": "ph0", "placeholders": [ { "id": "ph0", "type": "playlist", "timeDefined": false, "startDate": "10/02/15 2:18 PM", "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "0", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0", "visibility": true, "transition": "none", "items": [ { "name": "Image Item", "duration": "10", "type": "image", "objectReference": null, "index": "0", "playUntilDone": false, "objectData": "up_url=https%3A%2F%2Fstorage.googleapis.com%2Frisemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4%2FHTML5VIDEOTEMPLATE%252Friseescape.png&up_backgroundColor=&up_scaleToFit=false", "additionalParams": null, "timeDefined": false, "startDate": null, "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "1", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0" } ] }, { "id": "ph2", "type": "playlist", "timeDefined": false, "startDate": "10/02/15 2:22 PM", "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "0", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0", "visibility": true, "transition": "none", "items": [ { "name": "HTML5 Video Widget", "duration": "10", "type": "widget", "objectReference": "2d407395-d1ae-452c-bc27-78124a47132b", "index": "0", "playUntilDone": false, "objectData": "http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html", "additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPLATE%2FSail-Away.mp4\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"Sail-Away.mp4\",\"folder\":\"HTML5VIDEOTEMPLATE/\"},\"video\":{\"scaleToFit\":false,\"volume\":0,\"controls\":false,\"autoplay\":true}}", "timeDefined": false, "startDate": null, "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "1", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0" } ] }, { "id": "ph1", "type": "playlist", "timeDefined": false, "startDate": "10/02/15 2:34 PM", "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "0", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0", "visibility": true, "transition": "none", "items": [ { "name": "HTML5 Video Widget", "duration": "10", "type": "widget", "objectReference": "2d407395-d1ae-452c-bc27-78124a47132b", "index": "0", "playUntilDone": false, "objectData": "http://s3.amazonaws.com/widget-video-rv/1.0.0/dist/widget.html", "additionalParams": "{\"url\":\"https://storage.googleapis.com/risemedialibrary-f114ad26-949d-44b4-87e9-8528afc76ce4/HTML5VIDEOTEMPLATE%2FBeach-Camera.mp4\",\"storage\":{\"companyId\":\"f114ad26-949d-44b4-87e9-8528afc76ce4\",\"fileName\":\"Beach-Camera.mp4\",\"folder\":\"HTML5VIDEOTEMPLATE/\"},\"video\":{\"scaleToFit\":false,\"volume\":0,\"controls\":false,\"autoplay\":true}}", "timeDefined": false, "startDate": null, "endDate": null, "startTime": null, "endTime": null, "recurrenceType": "Daily", "recurrenceFrequency": "1", "recurrenceAbsolute": true, "recurrenceDayOfWeek": "0", "recurrenceDayOfMonth": "1", "recurrenceWeekOfMonth": "0", "recurrenceMonthOfYear": "0" } ] } ] } }; //--> </script> <!-- No scripts after this point --> </html>
Photo of RV News

RV News

  • 2,358 Points 2k badge 2x thumb
Thanks :)
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Check out and do a search on Vimeo.  Here's the results for 'royalty-free' https://vimeo.com/search?q=royalty-free