{"id":6596,"date":"2021-12-14T13:36:45","date_gmt":"2021-12-14T18:06:45","guid":{"rendered":"https:\/\/www.apps4rent.com\/blog\/?p=6596"},"modified":"2023-03-30T10:10:06","modified_gmt":"2023-03-30T14:40:06","slug":"create-video-portal-in-sharepoint-with-json-document-library","status":"publish","type":"post","link":"https:\/\/www.apps4rent.com\/blog\/create-video-portal-in-sharepoint-with-json-document-library\/","title":{"rendered":"How to Create Video Portal in SharePoint with JSON Document Library?"},"content":{"rendered":"<p>Many businesses use SharePoint to store videos. The built-in file viewer and highlighted content web parts are used to display videos on the business website pages. <a href=\"https:\/\/www.o365cloudexperts.com\/microsoft-stream\/\" rel=\"nofollow \"><span style=\"color: #007fac;\">Microsoft Stream<\/span><\/a> also has started using SharePoint for storing meeting recordings. This is likely to increase the use of videos on SharePoint site pages. Consequently, organizations might benefit from the use of portals for storing and displaying event session recordings. In this article, we will explain how to create a video portal in SharePoint with a JavaScript Object Notation (JSON)formatted document library.<\/p>\n<h2 style=\"font-size: 24px;\">How Does the SharePoint JSON Document Work?<\/h2>\n<p>SharePoint provides a document library out of the box, which includes the Video and Rich Media feature for managing rich media assets such as images, audio, and video. This feature is available with on-premises SharePoint Servers, such as SharePoint 2013 and 2016. However, with SharePoint Online and SharePoint 2019, the document library can be used to create new folders, documents, or a link to files that are outside the document library. Here is how the video and rich media feature can be enabled, provided users have the permissions to change Site Collection features.<\/p>\n<ul>\n<li style=\"margin-bottom: 10px;\">Navigate to the Site Settings page from Site Collection Administration, and then click on Site collection features.<\/li>\n<li style=\"margin-bottom: 10px;\">Click on Activate under Video and Rich Media.<\/li>\n<li style=\"margin-bottom: 10px;\">Create an Asset Library for storing images, audio, and video files using the Add an app option.<\/li>\n<li style=\"margin-bottom: 10px;\">Videos can be added by selecting the option to upload, link, or embed them by clicking New Item on a library page, or the New Document button on the ribbon.<\/li>\n<\/ul>\n<h2 style=\"font-size: 24px;\">How to Use JSON Formatted Video Portal in SharePoint?<\/h2>\n<p>When videos are uploaded, and metadata for the information of the videos are added, there are limited options for customizing the default view or even a new view with additional columns. However, the views can be customized using JSON for non-standard formats, such as video title, description timestamp, and other details in a card view in a gallery-style layout. Follow the steps below to customize the gallery view with JSON.<\/p>\n<ul>\n<li style=\"margin-bottom: 10px;\">Select the &#8220;Gallery with likes card&#8221; option to change the view.<\/li>\n<li style=\"margin-bottom: 10px;\">Select the Format current view at the bottom of the dropdown.<\/li>\n<li style=\"margin-bottom: 10px;\">On the Format View page, choose the Gallery option, and add the JSON code to change the formatting.<\/li>\n<li style=\"margin-bottom: 10px;\">To embed the view in the SharePoint site page, use the Document Library web part, and edit it to set the correct view.<\/li>\n<li style=\"margin-bottom: 10px;\">A support list can be added to filter videos by topics or categories, for a better user experience.<\/li>\n<\/ul>\n<h3 style=\"font-size: 23px;\">Apps4Rent Can Help with SharePoint Licensing and Hosting<\/h3>\n<p>While SharePoint Online is available with Office 365\/ Microsoft 365 plans at no additional costs, the on-premises SharePoint versions, such as SharePoint 2013, SharePoint 2016, and SharePoint 2019 offer more customization options. <strong>As a Tier 1 CSP, and a Microsoft Gold Partner for several competencies,<\/strong> Apps4Rent offers <span style=\"color: #007fac;\"><a style=\"color: #007fac;\" href=\"https:\/\/www.apps4rent.com\/sharepoint-hosting.html\">SharePoint hosting services<\/a><\/span> at competitive pricing from our top tier SSAE 16 datacenters and Azure. We can also help businesses with Office 365\/ Microsoft 365 licenses for SharePoint Online. Reach out to our SharePoint admins available 24\/7 via phone, chat, and email for assistance.<\/p>\n<style>{#ddexitpopwrapper.open .ddexitpop {display: block;}}@media only screen and (min-width:99px) and (max-width:767px){#ddexitpopwrapper.open .ddexitpop {display: none;}}<\/style>\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/www.apps4rent.com\/wp-content\/themes\/apps4rent\/popup\/exit\/ddexitpop.css\"\/><script src=\"https:\/\/www.apps4rent.com\/wp-content\/themes\/apps4rent\/popup\/exit\/ddexitpop.js\"><\/script><\/p>\n<div id=\"ddexitpop1\" class=\"ddexitpop\" style=\"z-index:1000;box-shadow: #00000085 -20px -5px 1200px 1000px;\">\n<div style=\"background: #f1ab4f;background: #0072c8;background: -webkit-linear-gradient(rgba(254, 147, 6, 0.81), rgba(237, 114, 72, 0.73));\">\n<div class=\"col-md-6 popup1\" style=\"color: white;height:auto;\"><img decoding=\"async\" src=\"https:\/\/www.cloudappsportal.com\/wp-content\/uploads\/2020\/08\/sharepoint-apps4rent.png\" style=\"height: inherit;margin-top: 10%;\"\/><\/div>\n<div class=\"col-md-6\" style=\"background: white;\">\n<div>\n<div style=\"cursor: pointer;position: absolute; top: 0px;right: 0px;float: right;font-family: Arial;font-size: 17px;background-color: #d1d1d1;color: #4c4c4c; padding-left: 10px;padding-right: 10px;text-decoration: none;\" onclick=\"myFunction()\">X<\/div>\n<\/div>\n<p style=\"padding-top: 7px;color: #fe9306;margin-top:8%;margin-bottom: 10px;text-align: center;line-height: 35px;font-size: 27px;font-weight: 600;\">Need help with <font style=\"color: #375181;font-weight: 700;font-size: 30px;\">SharePoint<\/font> migration? Contact us now.<\/p>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f7513-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"7513\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/blog\/wp-json\/wp\/v2\/posts\/6596#wpcf7-f7513-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"7513\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f7513-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:7513,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_rollback-cf7-5.9.5&quot;:true}}\" \/>\n<\/fieldset>\n<style>.inputf{font: 16px 'Roboto';font-weight: normal;font-style: normal;line-height: 25px;color: #2A363F;padding: 5px;font-size: 16px;border: #9d9fa0 1px solid !important;margin-bottom:20px !important;box-sizing: border-box;border-radius: 3px !important;width: 100%;}\n.cf7-style div.wpcf7-response-output{width: fit-content !important;margin: 0px;padding: 5px !important;border: none;}.button1 {padding: 15px 20px !important;font-size: 18px !important;background: #375181 !important;font-family: sans-serif;color: #fff !important;border: #9dbfff 2px solid;box-shadow: none;font-weight: bold;margin-bottom:0px !important;width: 100%;}\n<\/style>\n<style>@media only screen and (min-width:99px) and (max-width:767px){#content{margin-left:0px auto;}.sec {width:100% !important;float: none !important;}.html input[type=\"button\"], input[type=\"reset\"], input[type=\"submit\"]{font-size:16px !important;}}\n<\/style>\n<div style=\"float:left;padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 0px;\">\n\t<div style=\"float: left;margin-right: 15px;width:100%;\" class=\"sec\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"Name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required inputf\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Name*\" value=\"\" type=\"text\" name=\"Name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div style=\"float: left;margin-right: 15px;width:100%;\" class=\"sec\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"contact\"><input size=\"40\" maxlength=\"10\" minlength=\"6\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel inputf\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Contact Number*\" value=\"\" type=\"tel\" name=\"contact\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div style=\"float: left;v\" class=\"sec\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email inputf\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email ID*\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<p><span class=\"wpcf7-form-control-wrap office365\"><select name=\"office365\" class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" style=\"width: 100% !important;margin-bottom: 25px;padding: 3px;width: 81.5%; padding-left: 5px!important;padding-top: 5px;padding-bottom: 5px;border: solid 1px #9d9fa0 !important;border-radius: 3px;;font-size: 16px !important;color: #656565;\"><option value=\"Select\">Migrating From?*<\/option><option value=\"SharePoint 2010\">SharePoint 2010<\/option><option value=\"SharePoint 2013\">SharePoint 2013<\/option><option value=\"SharePoint 2016\">SharePoint 2016<\/option><option value=\"SharePoint 2019\">SharePoint 2019<\/option><option value=\"SharePoint Online\">SharePoint Online<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t<\/p>\n\t<div style=\"float: left;margin-right: 15px;width:100%;\" class=\"sec\">\n\t\t<p><span class=\"wpcf7-form-control-wrap sharepoint\"><select name=\"sharepoint\" class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" style=\"width: 100% !important;margin-bottom: 25px;padding: 3px;width: 81.5%; padding-left: 5px!important;padding-top: 5px;padding-bottom: 5px;border: solid 1px #9d9fa0 !important;border-radius: 3px;;font-size: 16px !important;color: #656565;\"><option value=\"Select\">Migrating To*<\/option><option value=\"SharePoint 2013\">SharePoint 2013<\/option><option value=\"SharePoint 2016\">SharePoint 2016<\/option><option value=\"SharePoint 2019\">SharePoint 2019<\/option><option value=\"SharePoint Online\">SharePoint Online<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div style=\"float: left;width: 100%;\" class=\"sec\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"msg\"><textarea cols=\"40\" rows=\"3\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea inputf\" aria-invalid=\"false\" placeholder=\"Message\" name=\"msg\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div>\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner button1\" type=\"submit\" value=\"SUBMIT REQUEST\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"49\"\/><script>\ndocument.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n<\/div>\n<\/div>\n<\/div>\n<p><script>jQuery(function(){ddexitpop.init({contentsource: ['id', 'ddexitpop1'],fxclass: 'random',hideaftershow: true,displayfreq: 'always',onddexitpop: function($popup){console.log('Exit Pop Animation Class Name: ' + ddexitpop.settings.fxclass)}})})<\/script><script>function myFunction(){document.getElementById(\"ddexitpop1\").style.display = \"none\";}<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many businesses use SharePoint to store videos. The built-in file viewer and highlighted content web parts are used to display videos on the business website pages. Microsoft Stream also has started using SharePoint for storing meeting recordings. This is likely to increase the use of videos on SharePoint site pages. Consequently, organizations might benefit from [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[552],"tags":[],"class_list":["post-6596","post","type-post","status-publish","format-standard","hentry","category-sharepoint"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/posts\/6596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/comments?post=6596"}],"version-history":[{"count":2,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/posts\/6596\/revisions"}],"predecessor-version":[{"id":7521,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/posts\/6596\/revisions\/7521"}],"wp:attachment":[{"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/media?parent=6596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/categories?post=6596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apps4rent.com\/blog\/wp-json\/wp\/v2\/tags?post=6596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}