videos
videos
-
Add Multiple Videos to your Home Page
Once your videos have been stored on either the SAS Youtube Channel and it has been approved for branding purposes please follow the instructions below.
SAS Video Policies, Practice, and Assistance
Components --> ignite gallery --> Create new Category --> FRONT PAGE VIDEOS
Components --> ignite gallery --> check if there is a profile for LARGE THUMBS (or create a new profile to use)
Add videos to new category --> instructions to upload videos to ignite
Add ignite gallery to front end article --> instructions to add category from ignite into article
-
Add Multiple Videos to your Home Page (2)
Once your videos have been stored on either the SAS Youtube Channel and it has been approved for branding purposes please follow the instructions below.
SAS Video Policies, Practice, and Assistance
Components --> ignite gallery --> Create new Category --> FRONT PAGE VIDEOS
Components --> ignite gallery --> check if there is a profile for LARGE THUMBS (or create a new profile to use)
Add videos to new category --> instructions to upload videos to ignite
Add ignite gallery to front end article --> instructions to add category from ignite into article
-
Create a Branded YouTube Channel and Videos
How to Get Started on YouTube
- Create Your Channel
- Have on hand the following to create the channel:
- A name for your channel which must include the word “Rutgers” written out fully (not RU) for example “Rutgers Department Name”
- A jpg image to be the banner image which goes across the top of your channel page. From google: “Your banner image must meet the following criteria: Minimum dimension for upload: 2048 x 1152 px with an aspect ratio of 16:9. At the minimum dimension, the safe area for text and logos: 1235 x 338 px. Larger images may get cropped on certain views or devices.” (https://support.google.com/youtube/answer/2972003?hl=en&co=GENIE.Platform%3DDesktop#zippy=%2Cchange-your-banner-image )
- A short description of your image
- A Gmail account: we recommend a task account such as departmentyoutube@gmail. Save this information so it can be accessed by other administrators.
- A jpg image for your profile picture. The square welcome image from the homepage of your website is a good option.
- Follow the instructions here: https://www.youtube.com/watch?v=bVPjcLL9jGM
- Have on hand the following to create the channel:
- Prepare Videos to Upload
- Obtain permissions ahead of time
- If someone is the speaker, interviewee, or featured guest in your video, be sure to get their permission before posting your video. https://communications.rutgers.edu/services-resources/model-release-and-hipaa-authorization-forms
- If it is an event of equal discussion of all participants, then inform them that the event will be recorded. In that case a few sentences on the Zoom registration page and in their registration email, for example: “We will be recording our zoom seminars. By registering for the event, you are acknowledging that you are aware the session will be filmed and that you are welcome to keep your camera off if you so choose.”
- For the guests, announce at the beginning of the event that it is being recorded and, if virtual, they are welcome to keep their camera off.
- Brand video in postproduction: All videos should have an outro slide that includes the Rutgers School of Arts and Sciences logo and an intro slide that includes the title of the video, the name of the featured speaker, the date, etc., and any other pertinent intro information is also recommended—intro slide can also be used as the thumbnail image on YouTube. Examples of intro slides and the outro slide for download are available here: go.rutgers.edu/SASGettheWordOut
- Obtain permissions ahead of time
- Upload Videos
- Begin the upload process:
- Login to YouTube
- Click the create content button at the top right of the YouTube window
- Click “Upload video” from the dropdown menu
- Drag and drop your video file into the “Upload videos” panel, or click the “select files” button and locate your video file on your computer, select it and click the “Open” button.
- Add all the necessary information about your video
- Title
- Description of what goes on in the video
- Set the thumbnail image for the video by either clicking the button to upload your own custom thumbnail image, or select one of the default options.
- Optional: add the video to a playlist if it is part of a series. This will allow all videos in a series to be collected in one place.
- Set the Audience level (whether or not the video is made for children or needs an age restriction)
- Once everything is ready, click the “Save” button to complete the process and YouTube should provide the url to your video.
- Begin the upload process:
- Embed Your Videos on Your Website
- Upload individual videos
- In the back end of the article where you want to embed a video, type the following code (without any spaces): { youtube}{/youtube}
- Then copy and paste the url for the youtube video in between the two sets of brackets, for example, something like this (without any spaces): { youtube} https://youtube.urlexample-blah-blah {/youtube}
- This is all it takes to get the video on your website, but for more detailed instructions on how to customize the size of your video frame and other tips check out the instructions here: https://sasit.rutgers.edu/how-to-guides/web-development-documentation/web-development/116-joomla-3-x/video/358-displaying-youtube-video-within-an-article-or-module-joomla-3-x#displaying-a-video-within-a-custom-module
- If the video is attached to a “course,” etc, reach out to the SAS IT webdevelopment team for assistance through the Rutgers IT Help request system.
- Upload a gallery of videos
- SAS IT has documentation for creating a collection of videos using Ignite Gallery. Please refer to this page and reach out to SAS IT through the request system above for more assistance.
https://sasit.rutgers.edu/how-to-guides/web-development-documentation/ignite-gallery/752-add-video-using-ignite-gallery
- SAS IT has documentation for creating a collection of videos using Ignite Gallery. Please refer to this page and reach out to SAS IT through the request system above for more assistance.
- Upload individual videos
- Create Your Channel
-
Create a Branded YouTube Channel and Videos (Joomla! 4/5)
How to Get Started on YouTube
- Create Your Channel
- Have on hand the following to create the channel:
- A name for your channel which must include the word “Rutgers” written out fully (not RU) for example “Rutgers Department Name”
- A jpg image to be the banner image which goes across the top of your channel page. From google: “Your banner image must meet the following criteria: Minimum dimension for upload: 2560 x 1440 px with an aspect ratio of 16:9. At the minimum dimension, the safe area for text and logos: 1235 x 338 px. Larger images may get cropped on certain views or devices.” (See: "Manage your channel branding" )
- A short description of your image
- A Gmail account: we recommend a task account such as departmentyoutube@gmail. Save this information so it can be accessed by other administrators.
- A jpg image for your profile picture. The square welcome image from the homepage of your website is a good option.
- Follow the instructions here: How to Create a YouTube Channel for Beginners (Step-by-Step Tutorial)
- Have on hand the following to create the channel:
- Prepare Videos to Upload
- Obtain permissions ahead of time
- If someone is the speaker, interviewee, or featured guest in your video, be sure to get their permission before posting your video. See: Model Release and HIPAA Authorization Forms
- If it is an event of equal discussion of all participants, then inform them that the event will be recorded. In that case a few sentences on the Zoom registration page and in their registration email, for example: “We will be recording our zoom seminars. By registering for the event, you are acknowledging that you are aware the session will be filmed and that you are welcome to keep your camera off if you so choose.”
- For the guests, announce at the beginning of the event that it is being recorded and, if virtual, they are welcome to keep their camera off.
- Brand video in postproduction: All videos should have an outro slide that includes the Rutgers School of Arts and Sciences logo and an intro slide that includes the title of the video, the name of the featured speaker, the date, etc., and any other pertinent intro information is also recommended—intro slide can also be used as the thumbnail image on YouTube. Examples of intro slides and the outro slide for download are available here: go.rutgers.edu/SASGettheWordOut
- Obtain permissions ahead of time
- Upload Videos
- Begin the upload process:
- Login to YouTube
- Click the create content button at the top right of the YouTube window
- Click “Upload video” from the dropdown menu
- Drag and drop your video file into the “Upload videos” panel, or click the “select files” button and locate your video file on your computer, select it and click the “Open” button.
- Add all the necessary information about your video
- Title
- Description of what goes on in the video
- Set the thumbnail image for the video by either clicking the button to upload your own custom thumbnail image, or select one of the default options.
- Optional: add the video to a playlist if it is part of a series. This will allow all videos in a series to be collected in one place.
- Set the Audience level (whether or not the video is made for children or needs an age restriction)
- Once everything is ready, click the “Save” button to complete the process and YouTube should provide the url to your video.
- Begin the upload process:
- Embed Your Videos on Your Website
- Upload individual videos
- In the back end of the article where you want to embed a video, type the following code (without any spaces): { youtube}{/youtube}
- Then copy and paste the url for the youtube video in between the two sets of brackets, for example, something like this (without any spaces): { youtube} https://youtube.urlexample-blah-blah {/youtube}
- This is all it takes to get the video on your website, but for more detailed instructions on how to customize the size of your video frame and other tips check out the instructions here: Displaying a Video Within an Article or Module
- If the video is attached to a “course,” etc, reach out to the SAS IT Web Development team for assistance through the Rutgers IT Help request system.
- Upload a gallery of videos
- SAS IT has documentation for creating a collection of videos using Ignite Gallery. Please refer to these pages and reach out to SAS IT through the request system above for more assistance.
- Upload individual videos
- Create Your Channel
-
Displaying a Video Within an Article or Module (Joomla! 3.x)
The AllVideos plugin allows you to display a video within an article or module and have it play directly on your web site.
If you would like to use this feature, but do not have the plugin installed, please SUBMIT REQUEST to request us to install the AllVideos plugin for your department.
Uploading the Video
This procedure assumes the video has already been uploaded to YouTube. You will need the URL for the video in order to proceed.
- Rutgers University YouTube Channel
To upload a video to the Rutgers YouTube Channel, submit a YouTube Upload Request Form. - Rutgers School of Arts and Sciences YouTube Channel
The School of Arts and Sciences Office of Communications offers assistance uploading SAS departmental videos to the SAS YouTube channel. Refer to the SAS Video Policies, Practice, and Assistance page for more information. - Vimeo and other video hosts
The process is similar to embed a video hosted on a website other than YouTube. Consult the AllVideos documentation to get the correct tags to use (in place of the tags "{ youtube }" and "{ /youtube }" referenced in the below procedure). - Kaltura
The "AllVideos" Joomla extension does not support Kaltura-hosted videos, but they can be displayed on the site using the embed code from Kaltura.
Displaying the Video
Displaying a Video within an Article
- Select an article to edit following steps 1-3 of Editing Articles (Joomla! 3.x), or create a new article.
- Click somewhere within the Contenttext box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- If you are editing the article from the front end of the web site, click the Save button to save your changes.
- If you are working in the Joomla! Administrator, to save your changes and continue editing the article, click the Save button to the upper left:
- If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left:
Displaying a Video within a Custom Module
- Log on to your site using the Administrator Login URL.
- Click on "Extensions > Modules":
- Click on the Title of a "Custom" module to edit it, or follow steps 1 through 8 of Adding a Custom Module (Joomla! 3.x) to create a new Custom HTML module.
- Click somewhere within the Module text box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).
- Click Save & Close to the upper left of the web page:
- Your module will display the video as embedded content.
Advanced Options: Set height and width of embedded video
Note: If AllVideos is set to "Responsive" mode, the following parameters may not work.
You can add parameters (separated by pipes: "|") after the video URL or video ID to control the width and height of the embedded video.
{ youtube }VideoID|560|315{ /youtube }
(Note: Remove spaces surrounding "youtube" and "/youtube".)- 560 = width of embedded video will be 560px
- 315 = height of embedded video will be 315px
You can also use percentages in place of pixel values:
e.g.{ youtube }VideoID|100%|400{ /youtube }
Note: Remove spaces surrounding "youtube" and "/youtube".- 100% = width of embedded video will be 100% of the available space
- 400 = height of embedded video will be 400px
Sample Video Display
Once you have embedded the video in your article or module, it will look something like this:
- Rutgers University YouTube Channel
-
Displaying a Video Within an Article or Module (Joomla! 4)
- How to video:
Uploading the Video
This procedure assumes the video has already been uploaded to YouTube. You will need the URL for the video in order to proceed.
For information on having your video uploaded to YouTube, please consult Video Hosting Options at Rutgers.
Displaying the Video
Displaying a Video within an Article
- Select an article to edit following steps 1-3 of Editing Articles, or create a new article.
- Click somewhere within the Contenttext box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- If you are editing the article from the front end of the web site, click the Save button to save your changes.
- If you are working in the Joomla! Administrator, to save your changes and continue editing the article, click the Save button to the upper left.
- If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left.
Displaying a Video within a Custom Module
- Log on to your site using the Administrator Login URL.
- Click on "Extensions > Site Modules"
- Click on the Title of a "Custom" module to edit it, or follow steps 1 through 8 of Adding a Custom Module (Joomla! 4.x) to create a new Custom HTML module.
- Click somewhere within the Module text box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).
- Click Save & Close to the upper left of the web page.
- Your module will display the video as embedded content.
Advanced Options: Set height and width of embedded video
You can add parameters (separated by pipes: "|") after the video URL or video ID to control the width and height of the embedded video.
{ youtube }VideoID|560|315{ /youtube }
(Note: Remove spaces surrounding "youtube" and "/youtube".)- 560 = width of embedded video will be 560px
- 315 = height of embedded video will be 315px
You can also use percentages in place of pixel values:
e.g.{ youtube }VideoID|100%|400{ /youtube }
Note: Remove spaces surrounding "youtube" and "/youtube".- 100% = width of embedded video will be 100% of the available space
- 400 = height of embedded video will be 400px
Sample Video Display
Once you have embedded the video in your article or module, it will look something like this:
Working with hosting services other than YouTube
- Vimeo and other third-party video hosts
The process is similar to embed a video hosted on a website other than YouTube. Consult the AllVideos documentation to get the correct tags to use (in place of the tags "{ youtube }" and "{ /youtube }" referenced in the above procedure). - Kaltura
Kaltura-hosted videos can be displayed on the site using the embed code from Kaltura.
- Video Included: Video Included
- Video Included: Video Included
-
Displaying a Video Within an Article or Module (Joomla! 5)
- How to video:
Requirements
This procedure assumes the video has already been uploaded to YouTube. You will need the URL for the video in order to proceed.
For information on having your video uploaded to YouTube, please consult Video Hosting Options at Rutgers.
Displaying the Video
Displaying a Video within an Article
- Select an article to edit following steps 1-3 of Basic Editing, or create a new article.
- Click somewhere within the Contenttext box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- Click the Save & Close button to save your changes.
Displaying a Video within a Custom Module
- Log on to your site using the Administrator Login URL.
- Go to "Extensions > Site Modules":
- Click on the Title of a "Custom" module to edit it, or follow steps 1 through 8 of Adding a Custom Module to create a new Custom HTML module.
- Click somewhere within the Module text box and type or paste the YouTube URL for the video you want to display.
- If the URL is shown as a hyperlink, highlight it, then click the Unlink button (see #1 below)
- Enter the code "{ youtube }" (without spaces or quotation marks) before the YouTube URL (see #2 below)
- Enter the code "{ /youtube }" (without spaces or quotation marks) after the YouTube URL (see #3 below)
- Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).
- Click Save & Close to the upper left of the web page.
- Your module will display the video as embedded content.
Advanced Options: Set height and width of embedded video
You can add parameters (separated by pipes: "|") after the video URL or video ID to control the width and height of the embedded video.
Note: The below options may not work if AllVideos has been set to "Responsive mode."
{ youtube }VideoID|560|315{ /youtube }
(Note: Remove spaces surrounding "youtube" and "/youtube".)- 560 = width of embedded video will be 560px
- 315 = height of embedded video will be 315px
You can also use percentages in place of pixel values:
e.g.{ youtube }VideoID|100%|400{ /youtube }
Note: Remove spaces surrounding "youtube" and "/youtube".- 100% = width of embedded video will be 100% of the available space
- 400 = height of embedded video will be 400px
Sample Video Display
Once you have embedded the video in your article or module, it will look something like this:
Working with hosting services other than YouTube
- Vimeo and other third-party video hosts
The process is similar to embed a video hosted on a website other than YouTube. Consult the AllVideos documentation to get the correct tags to use (in place of the tags "{ youtube }" and "{ /youtube }" referenced in the above procedure). - Kaltura
Kaltura-hosted videos can be displayed on the site using the embed code from Kaltura.
- Video Included: Video Included
-
Embed Video from Kaltura
- How to video:
Once your video has been stored on either the SAS Youtube Channel or Kaltura, and it has been approved for branding purposes please follow the instructions below.
SAS Video Policies, Practice, and Assistance
- go to the CODE Editor
- Add the following code: (use the code from your kaltura video)
sample:
- <iframe id="kaltura_player_1663857127" src="https://cdnapisec.kaltura.com/p/208082/sp/20808200/embedIframeJs/uiconf_id/50628662/partner_id/208082?iframeembed=true&playerId=kaltura_player_1663857127&entry_id=1_4n6gp9p8" width="528" height="327" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0"></iframe>
- Video Included: Video Included
-
Embed Video from Kaltura (Joomla! 4/5)
- How to video:
Once your video has been stored in Kaltura, and it has been approved for branding purposes, please follow the instructions below.
- Go to Kaltura and find where the video is hosted.
- Click the Share tab (see #1 below).
- Copy the code from the "Embed" field (see #2 below).
- In your Joomla! article, click the "Code" tab:
- Paste the embed code from Kaltura into the location in the code where the video should be embedded.
- Save & Close the article.
- Video Included: Video Included
-
Video Hosting Options at Rutgers
Overview
Instead of uploading your videos directly to a Joomla! website, we recommend that you upload your video to a dedicated video hosting service such as Kaltura, Rutgers YouTube Channel or the SAS Youtube Channel. Once it has been uploaded, the video can be displayed within an article or module using the All Videos plugin.
Rutgers and SAS Visual Identity Requirements
To be in compliance with Rutgers and SAS Visual Identity Requirements, a video made by or for a unit in SAS must have the Rutgers logotype with the SAS signature appear prominently at or near the opening or closing.
Learn more and download a compliant video slide here:
https://sas.rutgers.edu/resources/leadership-and-directory/office-of-communications/3434-getting-the-word-out#creating-and-publishing-videosAccessibility Requirements
To comply with accessibility standards, make sure all videos are closed-captioned before you add them to your website. Captioning is typically handled by the service providing video hosting.
Video Hosting Options
Rutgers YouTube Channel
The Rutgers iTV Studio can assist with uploading your video to the Rutgers YouTube channel. Submit your video:
Note that accurate closed captions are required for videos on the Rutgers YouTube channel. The Rutgers iTV Studio charges a fee for creating captions for videos. You can also provide captions and they will be uploaded at no cost.
For more information, questions and concerns, contact the Rutgers iTV Studio.
Kaltura (Canvas/Mediaspace)
You can upload videos to Kaltura, which is part of Canvas. Any videos uploaded to Kaltura will give you the option to add closed captioning automatically; you can then edit the captions for accuracy. Rutgers faculty or staff can request a Kaltura account.
School of Arts and Sciences YouTube Channel
Contact the SAS Communications Office to have your video uploaded to the SAS YouTube Channel:
Next step:
-
Video Hosting Options at Rutgers (Joomla! 4/5)
- How to video:
Overview
Instead of uploading your videos directly to a Joomla! website, we recommend that you upload your video to a dedicated video hosting service such as Kaltura, Rutgers YouTube Channel or the SAS Youtube Channel. Once it has been uploaded, the video can be displayed within an article or module using the All Videos plugin.
Rutgers and SAS Visual Identity Requirements
To comply with Rutgers and SAS Visual Identity Requirements, a video made by or for a unit in SAS must have the Rutgers logotype with the SAS signature appear prominently at or near the opening or closing.
Accessibility Requirements
To comply with accessibility standards, make sure all videos are closed-captioned before you add them to your website. Captioning is typically handled by the service providing video hosting.
Video Hosting Options
Rutgers YouTube Channel
We recommend that you have your videos uploaded to the Rutgers YouTube channel, managed by Rutgers Media Productions. For more information, please contact either:
Kaltura (Canvas/Mediaspace)
You can upload videos to Kaltura, which is part of Canvas. Any videos uploaded to Kaltura will give you the option to add closed captioning automatically; you can then edit the captions for accuracy. Rutgers faculty or staff can request a Kaltura account.
School of Arts and Sciences YouTube Channel
Contact the SAS Office of Communications and Marketing to have your video uploaded to the SAS YouTube Channel:
SAS Office of Communications and Marketing
Next step:
- Video Included: Video Included