{"id":58,"date":"2012-03-05T22:51:57","date_gmt":"2012-03-05T22:51:57","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=58"},"modified":"2020-06-15T18:57:25","modified_gmt":"2020-06-15T18:57:25","slug":"cola-homepage-video-podcast-update","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2012\/03\/05\/cola-homepage-video-podcast-update\/","title":{"rendered":"COLA Homepage Video Podcast Update"},"content":{"rendered":"

How to upload videos and images for the video podcast section of COLA homepage<\/a> through Cascade<\/a>. Note that these steps are specific to updating JW Players<\/strong> versus Youtube Embedded Videos<\/a>.<\/p>\n

You will be working with the ‘HTML Source Editor” function in Cascade. To change the video specifically, the following code will be modified. Specifically the paths in red, green, and blue:<\/p>\n

<h2>Title<\/h2><\/span><\/div>\n
<!–#START-CODE\u00a0<\/span><\/strong><\/address>\n
<script type=”text\/javascript”>\u00a0<\/span><\/strong><\/address>\n
jwplayer(“container_hp”).<\/span><\/strong>setup({\u00a0<\/span><\/strong><\/address>\n
flashplayer: “http:\/\/media.la.utexas.edu:8080\/jwplayer\/player.swf<\/span>“,\u00a0<\/span><\/strong><\/address>\n
file: “http:\/\/media.la.utexas.edu:8080\/colasites\/homepage\/clip_03_2012-10-25.mp4<\/span><\/span>“,\u00a0<\/span><\/strong><\/address>\n
height: 153,\u00a0<\/span><\/strong><\/address>\n
width: 272,<\/span><\/strong><\/address>\n
‘image’: ‘http:\/\/media.la.utexas.edu:8080\/colasites\/homepage\/tpp_issenberg.jpg<\/span>‘,<\/span><\/strong><\/address>\n
‘controlbar.position’: “bottom”,<\/span><\/strong><\/address>\n
‘controlbar.idlehide’: “true”,<\/span><\/strong><\/address>\n
‘controlbar.position’: “over”,<\/span><\/strong><\/address>\n
‘controlbar.margin’: 0,<\/span><\/strong><\/address>\n
\u00a0<\/address>\n
‘skin’: ‘http:\/\/media.la.utexas.edu:8080\/jwplayer\/skins\/five\/five.zip<\/span>‘,<\/span><\/strong><\/address>\n
plugins: {<\/span><\/strong><\/address>\n
\u00a0 \u00a0 \u00a0\u00a0\u00a0‘captions-2’: {back: ‘false’, state: ‘false’, file: ‘http:\/\/media.la.utexas.edu:<\/span>8080\/colasites\/homepage\/clip_<\/span>03_2012-10-25.srt<\/span>‘<\/a><\/span>},<\/span><\/strong><\/address>\n
\u00a0 \u00a0 \u00a0 \u00a0‘gapro-2’: {<\/span><\/strong><\/address>\n
\u00a0 \u00a0 \u00a0 \u00a0}}<\/span><\/strong><\/address>\n
});\u00a0<\/span><\/strong><\/address>\n
<\/script><\/span><\/strong><\/address>\n
#END-CODE–><\/span><\/strong><\/address>\n
<p>DESCRIPTION<\/p><\/span><\/div>\n
<\/div>\n

<\/h1>\n

1) Change the Video File<\/h1>\n

The section of code highlight in red<\/span> denotes the path to the video file. To change the video intended, you would just need to change the path to the new video file (mp4):<\/p>\n

1. Find video and change what follows the “file:” section of the code.<\/p>\n