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

    multi video sample

  • 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

    multi video sample

  • Create a Branded YouTube Channel and Videos

    How to Get Started on YouTube

    PDF

    1. Create Your Channel
      1. Have on hand the following to create the channel:
        1. A name for your channel which must include the word “Rutgers” written out fully (not RU) for example “Rutgers Department Name”
        2. 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 )
        3. A short description of your image
        4. A Gmail account: we recommend a task account such as departmentyoutube@gmail. Save this information so it can be accessed by other administrators.
        5. A jpg image for your profile picture. The square welcome image from the homepage of your website is a good option.
      2. Follow the instructions here: https://www.youtube.com/watch?v=bVPjcLL9jGM
    2. Prepare Videos to Upload
      1. Obtain permissions ahead of time
        1. 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
        2. 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.”
        3. 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.
      2. 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
    3. Upload Videos
      1. Begin the upload process:
        1. Login to YouTube
        2. Click the create content button at the top right of the YouTube window

          youtube getting started 1

        3. Click “Upload video” from the dropdown menu

          youtube getting started 2

        4. 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.

          youtube getting started 3

          youtube getting started 4

      2. Add all the necessary information about your video
        1. Title
        2. Description of what goes on in the video
        3. 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.
        4. 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.
        5. Set the Audience level (whether or not the video is made for children or needs an age restriction)
        6. Once everything is ready, click the “Save” button to complete the process and YouTube should provide the url to your video.
    4. Embed Your Videos on Your Website
      1. Upload individual videos
        1. In the back end of the article where you want to embed a video, type the following code (without any spaces): { youtube}{/youtube}
        2. 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}
        3. 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
      2. 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.
      3. Upload a gallery of videos
  • Create a Branded YouTube Channel and Videos (Joomla! 4/5)

    How to Get Started on YouTube

    PDF

    1. Create Your Channel
      1. Have on hand the following to create the channel:
        1. A name for your channel which must include the word “Rutgers” written out fully (not RU) for example “Rutgers Department Name”
        2. 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" )
        3. A short description of your image
        4. A Gmail account: we recommend a task account such as departmentyoutube@gmail. Save this information so it can be accessed by other administrators.
        5. A jpg image for your profile picture. The square welcome image from the homepage of your website is a good option.
      2. Follow the instructions here: How to Create a YouTube Channel for Beginners (Step-by-Step Tutorial)
    2. Prepare Videos to Upload
      1. Obtain permissions ahead of time
        1. 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
        2. 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.”
        3. 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.
      2. 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
    3. Upload Videos
      1. Begin the upload process:
        1. Login to YouTube
        2. Click the create content button at the top right of the YouTube window

          youtube getting started 1

        3. Click “Upload video” from the dropdown menu

          youtube getting started 2

        4. 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.

          youtube getting started 3

          youtube getting started 4

      2. Add all the necessary information about your video
        1. Title
        2. Description of what goes on in the video
        3. 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.
        4. 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.
        5. Set the Audience level (whether or not the video is made for children or needs an age restriction)
        6. Once everything is ready, click the “Save” button to complete the process and YouTube should provide the url to your video.
    4. Embed Your Videos on Your Website
      1. Upload individual videos
        1. In the back end of the article where you want to embed a video, type the following code (without any spaces): { youtube}{/youtube}
        2. 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}
        3. 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
      2. 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.
      3. Upload a gallery of videos
  • 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. 

    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)

      Embedding a YouTube video using AllVideos
    • 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:  Save button
    • If you are working in the Joomla! Administrator, when you are done editing the article, click the Save & Close button to the upper left: Save & Close button

    Displaying a Video within a Custom Module

    • Log on to your site using the Administrator Login URL.
    • Click on "Extensions > Modules":

      Youtube Link2

    • 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)
      Embedding a video within a module using AllVideos
    • Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).

      Custom module options: Prepare COontent
    • Click Save & Close to the upper left of the web page: Save & Close button
    • 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:

  • 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)

      Embedding a YouTube video using AllVideos
    • 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)
      Embedding a video within a module using AllVideos
    • Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).

      Custom module options: Prepare Content
    • 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

    • 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)

      Embedding a YouTube video using AllVideos
    • 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":

      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)
      Embedding a video within a custom module using AllVideos
    • Click the Options tab below the title of your module, and change Prepare Content to "Yes" (see #2 below).

      Custom module options: Prepare Content
    • 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

    • 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

    1. go to the CODE Editor
    2. 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.

    1. Go to Kaltura and find where the video is hosted.
    2. Click the Share tab (see #1 below). 
    3. Copy the code from the "Embed" field (see #2 below). 

      Kaltura Embed Code
    4. In your Joomla! article, click the "Code" tab:

      "Code" tab in Joomla! editor

    5. Paste the embed code from Kaltura into the location in the code where the video should be embedded.
    6. 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-videos

    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

    The Rutgers iTV Studio can assist with uploading your video to the Rutgers YouTube channel. Submit your video:

    YouTube Upload Request Form

    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.

    Get started with Kaltura


    School of Arts and Sciences YouTube Channel

    Contact the SAS Communications Office to have your video uploaded to the SAS YouTube Channel:

    SAS Office of Communications

    Next step: 

    Displaying Video Within an Article or Module

  • 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.

    Get started with Kaltura


    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: 

    Displaying Video Within an Article or Module

    • Video Included: Video Included