Tell me about updates

Using the Video and Photo Strip

  • Home
  • Using the Video and Photo Strip

What is the latest video and photo strip?

  • It's a module to display a video or photo slider using the curly bracket on website pages.
  • The video and photos are stored in the database.
  • The output is merged with an HTML template to produce the desired results - see the section below
  • This makes the module flexible enough to be used for any layout

Why you would use the latest video and photo strip?

To show or display videos in a slider inside the website page content.


See Latest video and Photo Strip in action

Scroll to the video strip at the base of this site's homepage.


Managing Video and Photo Strip

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Search for Video and Photo FilmStrips.
  • 3
    You can place your videos in categories and to start you will need to create a category to give your videos a 'home'.
  • 4
    If you are creating a video strip for the homepage, you may wish to name the category 'Homepage videos' or something similar.

How to Add a Video and/or Photo Category

STEP-BY-STEP
  • 1
    In the left menu, select Module then,
    Video And Photo Filmstrip Categories: The listing category will be displayed in the listing page.
    Video and photo Strip
  • 2
    Create a new category: in the listing page, click the button to create a page.
    Video and photo Strip
  • 3
    Edit category: in the listing page, click the icon of the category want to edit, then update information.
    Video and photo Strip
    Video and photo Strip

How to add a Video and/or Photo Filmstrip

STEP-BY-STEP
  • 1
    In the left navigation, select Modules then Video and Photo Filmstrips then Video and Photo Filmstrip Listing
    Video and photo Strip
  • 2
    To create a new Video and/or Photo Filmstrip: on listing page click the button.
    Video and photo Strip
    Video and photo Strip
    • Thumbnail Image: The image will display as the video's avatar, generally the video image - As a general rule we recommend your video image be 416 x 252 pixels at 72dpi
    • Video Link: The link of the video will play when the user clicks on the thumbnail image. Please use the embed link.
      To do this - play the video on Youtube. Whilst it is playing right click on the video and save/copy the embed code
      Video and photo Strip
      The link will look something like this "
      NOW remove the iFrame details until your link looks only like this https://www.youtube.com/embed/tUfZi8-MOZg
      Use this as your video link
    • Hover Title: Title of video
    • Category: The name of category or 'home' of your video. E.g. Homepage Videos
    • Record Order: Order your video will appear in the video listing
      NOTE:The default site setting is for videos to appear in ascending ID order. I.e. ID No. 1 appears first and so on.
      If you have a lot of videos and are updating them all the time, you may wish to reverse this setting and have the highest ID number appear first, both on the admin page and on the video film strip. See the bottom of this page for how to change the site setting.
  • 3
    You can place your videos in categories and to start you will need to create a category to give your videos a 'home'.
  • 4
    If you are creating a video strip for the homepage, you may wish to name the category 'Homepage videos' or something similar.

Editing Video and Photo Filmstrip

STEP-BY-STEP
  • 1
    In the listing page, next to the video you wish to edit, click the icon to edit
    Video and photo Strip
    Video and photo Strip
  • 2
    Update information then click Save or Save and Continue button to save

How to Delete Video And Photo Filmstrip

STEP-BY-STEP
  • 1
    In the listing page, click on the icon next to the video you wish to delete
    Video and photo Strip
  • 2
    Click the OK button in the popup to delete
    Video and photo Strip
  • 3
    Click the OK button to complete the deletion.

Adding your new Video and Photo Film Strip to a website page

STEP-BY-STEP
  • 1
    Go to the page you want your video to appear and click EDIT
  • 2
    Put your cursor where on the page you want the strip to appear and choose the curly bracket icon on the edit window
  • 3
    Search curly bracket for VideoAndPhotoStrip
    Video and photo Strip
  • 4
    Choose the video category of your video strip
    Video and photo Strip
  • 5
    Select 'Insert'
  • 6
    Save the page, clear the cache and refresh to check the video strip is working and in the correct place

Changing the Video and Photo Strip Display Order

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    On the left nav panel, search for 'Site Settings'
  • 3
    Search for 'Video and Photo Film Strip Setting'
  • 4
    As per the image below - there is a small check box under 'Order items Descending'
  • 5
    To have the highest ID numbers appear first, check this box
    • The default setting on how the videos appear is in ascending ID order - I.e. ID No. 1 appears first and so on.
    • If you have a lot of videos and are updating them all the time, you may wish to reverse this setting and have the highest ID number appear first
    • This will affect both the admin page and he video film strip.
    Video and photo Strip
  • 6
    After deciding the order, hit SAVE to apply changes.

Managing your Filmstrip Template

The template controls how the video and images you created are displayed on the page. This is normally done by the site developers and is only included here for reference.

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    On the left nav panel, select System Settings then Curly Bracket Templates
    Video and photo Strip
  • 3
    Search the template name: VideoAndPhotoStrip
    Video and photo Strip
  • 4
    The HTML template will be displayed and you can edit it as needed.

f