Video File Support Information


NOTE: Videos need to be .MP4 using H.264 encoding and AAC/MP3 audio codecs. The following video file types will be converted - .webm, .avi, .mov, .mpg, and .wmv to the MP4/H.264. Videos with a resolution greater than 720p will be forced down to 720p. Audio codec is converted to AAC if not already in that format. Video will be transposed based on detection (this is useful if taken on a phone and the orientation was wrong as it is also forced into a linearized format so that streaming works properly). 

The use of .MP4/H.264 w/AAC was selected as it has the widest audience coverage based on device and browser types most popularly used. If you get an error message, the video does not meet these requirements.

  • 640 x 360 Low Quality - This is the 1/4 size of the 720p HD TV standard.
  • 960 x 540 Medium Quality - This is the 1/4 size of the the 1080p HD TV standard.
  • 1280 x 720 High Quality - HD TV standard and is popular in phones.
  • Quarter sizes use less  bandwidth and will look better on the full 4/4 versions of those screens.
  • For best quality, encoding to 1024 kbps (or lower) on .MP4 files.

When loading a large file the screen will make the current window inactive.  You can minimize that window while the file uploads and perform other tasks.  When a file is uploaded and is going through a Conversion, the Video Asset will be locked (Save is Disabled). When the Conversion completes, the Video Asset will unlock for further editing. The maximum file size for upload is 250MB.

NOTE:  Video Assets that are .flv format, are no longer supported.  These types of Video Assets will now present a simple download link instead of an inline player.  HTML5 is supported in BLOX CMS. 

NOTE: The BLOX Video Player supports Video Ads that Pre-roll and Mid-roll. Mid-roll, however, applies to DFP ads only.

NOTE:  A still image of the first frame of the video is created when the video is uploaded but that can be changed by playing the video and pausing it at the desired spot and clicking the Capture Current Frame button. Clicking the Capture Current Frame button will give you a dropdown to set either the Poster or the Preview Image.

Video Players

  • Both Flex and Zen Template Video Players - The 'flowplayer mode functionality' has been replaced with 'videojs.ima mode functionality'. This technology is supported in BLOX CMS. BLOX Ads are supported and tracked and are available in Google Analytics as well.

How To Create:



INFO: Videos that are not transcoded by BLOX tend to have extremely high bitrates. Bitrates should be downgraded to values that are more acceptable for fast web serving experiences. All videos will be capped out at 1Mbit for the video channel and 128Kbps for the audio channel. If conversion to that fails, a pass through mode should be tried (just copy the streams if it is MP4/AAC). If that fails, but the video/audio is still a viable web format - just completely untouched - that should be allowed - otherwise - it should be considered failed.



Note: For general information see Asset Workspace.



NOTE: To work with this BLOX application you will need to be granted access in Settings / Users / Groups. If you do not see this application in the drop-down in the upper-left of your BLOX CMS desktop, or for more information about groups and getting access to different parts of your BLOX CMS admin please see Groups - Recommendations / Best Practices. The site administrator at your location should be able to grant you access, or you can contact TownNews Customer Support by submitting a ticket through your BLOX CMS admin (for more information see Ticket Workspace) or by going to TownNews.com Customer Support. Or you can call 800-293-9576.


Third Party Videos

Third Party Videos are video assets provided or that come in via syndication channels and BLOX CMS converts them to a regular BLOX CMS Video asset.

Field59

Field59 is a video platform offering live streaming, real-time editing and provides this content via a Field59 Syndication Channel feed - to set one up, Click Here.  This integration also supports Workflows.  Instead of hosting Field59's video player embed code in an HTML asset, we componentize the various fields and parameters of the external video, storing it in a BLOX Video Asset, and then reconstituting the vendor’s video player on the front end of your site.  The conversion is all done by BLOX CMS; there are no Admin procedures that need to be done to make this conversion work.  The Field59 Video Asset will be positioned at the top of an Article Asset if is related to an Article unless there are related Image Assets.  In that case, the video will be positioned to the left side rail.  For complete set of instructions on Publishing Field59 video in BLOX CMS, Click Here.


NOTE: If you try to capture Still Frames from the video and receive an error, this means the video provider has not made the proper declarations on the video and that there is nothing wrong with the Video Asset itself.  


+19 
EditorialsAssetsVideoWindow_image

Video has one required field, Title.  

+19 
required title - Article Audio Collection HTML Table Video ZIP

Create a New Video

There are two ways to add a Video Asset. 

  • Upload a File - From your computer, network server, or Dropbox.

INFO: You can downsize the video using Handbrake.

BEST PRACTICE: 10mb/min. is a good best practice to aim for.



INFO: Videos that are not transcoded by BLOX tend to have extremely high bitrates. Bitrates should be downgraded to values that are more acceptable for fast web serving experiences. All videos will be capped out at 1Mbit for the video channel and 128Kbps for the audio channel. If conversion to that fails, a pass through mode should be tried (just copy the streams if it is MP4/AAC). If that fails, but the video/audio is still a viable web format - just completely untouched - that should be allowed - otherwise - it should be considered failed.


  • Enter a Video URL - This is a "Video URL Asset" where you enter the actual fully qualified URL of the Video.

Upload a File

+19 
VideoMainNewUpload.png

In Video, click New, the Upload a File. Use the Browse button in the Upload File window to search your computer or accessible network. Select the .mp4 file, and the select Upload File

You can also upload videos from Dropbox. For more information about using Dropbox to upload files please see Using Dropbox to upload images.

+19 
10 video.png

NOTE: If you are uploading a 360° video, you will need to select the 360° Video Mode check box in the Other tab.


Enter a Video URL

+19 
VideoMainNewURLMain.png

When you click on New, select the Enter a Video URL option.  When using this option, the Video is not stored as a hosted Video Asset on BLOX CMS and must be the Video File full URL path ending in .MP4 (ie:  https://www.domain-name.com/video-directory/video-file.mp4).  For step-by-step instructions on setting up a URL Video, Click Here.


NOTE: This is not a YouTube video URL (use the Editorial Asset type - YouTube for that). 


NOTE: This will Not convert the video file to the H.264 Codec / .MP4 file format.  


NOTE: The URL must be HTTPS and the video file must be H.264 Codec and the .MP4 file format.


 Enter (paste) the URL in the Video URL field.

+19 
VideoMainNewURL.png

If you get the error "Unable To Find Video Information," the URL is either not HTTPS or the file is not H.264 Codec and/or .MP4 file extension.  There are some Free-Ware utilities that you can download and run your video through it and the report will have the file and Codec types listed.  An example would be MediaInfo.

+19 
VideoMainNewURLPathError.png

NOTE: Video assets will auto-play on asset pages upon page load with the exception of Field59 videos. 


Poster

Poster is the image that displays when you have clicked the Play button, but before video actually starts playing.

+19 
poster_video.png

Preview

Preview is the image that appears on the index page in the block.

+19 
preview_index_video.png

On the asset page with the play button on it.

+19 
preview_video.png

You can Add, Change, and Delete both the Poster and the Preview images.

Add, Change, or Remove a Preview Image

To Add or Change a Preview image in an asset...
You can add an image from your computer or network. Click on Change, then Upload a File. Use the Browse button in the Upload File dialogue window to search your computer or accessible network. Select the image and then select Upload File.

You can also upload an image from Dropbox. For more information about using Dropbox to upload images please see the Using Dropbox To Upload Images doc.

You can also add an image from an existing Image, YouTube, Video, or PDF asset already in your BLOX CMS. Click on Change, then Copy From Another Asset. Search for the image asset you are looking for, select it by clicking on the checkbox beside the name, and then click Add Selected Assets.

And finally you can remove the preview entirely by clicking on Change and Remove.


Best practice: You should have a preview image with your assets when applicable.


You can Crop both the Poster and the Preview images.

Description

Description is used for the caption of the video and is displayed on the front end of the website.

Front End Examples

On Flex templates, the Video could display like this on the index page:

+19 
flex_index_video.png

And like this on the Flex asset page:

+19 
flex_asset_video.png

On Zen templates, the Video could display like this on the index page:

+19 
zen_index_video.png

And like this on the Zen asset page:

+19 
zen_asset_video.png