Cisco Systems 5.3.x manual Embed the Extended Video Player in a Web, Modifying the Embed Code

Chapter 4 Play, Comment, Tag, and Share Videos

Procedures

Modifying the Embed Code

You can modify the size of the embedded video and whether or not the video automatically plays when the web page loads. When planning your web page, note that the player controls add another 50 pixels to the height of your video.

Javascript Embed Code

To modify the width of the embedded video, change the value “480” in the embed code, shown in the example below. The height of the video is automatically adjusted to maintain the aspect ratio.

<script type="text/javascript" src="https://video.example.com/vportal/scripts/videoplayer/DmsEmbedLib.js"></script><scrip t>document.write(dmsEmbed.getSimplePlayer("C-ccc14127-f1a7-4b58-b967-5efc307d568d:4","http s://video.example.com/vportal/VideoPlayer.jsp?ccsid=C-ccc14127-f1a7-4b58-b967-5efc307d568d :4#","false",480));</script>

To control the automatic playback of the video when the web page loads, change the value “false” (shown in bold text, below) to one of the following values:

•“false”—The video is paused when the page loads.

•“true”—The video plays automatically when the page loads.

<script type="text/javascript" src="https://video.example.com/vportal/scripts/videoplayer/DmsEmbedLib.js"></script><scrip t>document.write(dmsEmbed.getSimplePlayer("C-ccc14127-f1a7-4b58-b967-5efc307d568d:4","http s://video.example.com/vportal/VideoPlayer.jsp?ccsid=C-ccc14127-f1a7-4b58-b967-5efc307d568d :4#","false",480));</script>

Flash Embed Code

To modify the width of the embedded video, change the value "480" in the embed code, shown in the example below. To maintain aspect ratio, add a value for height. Ensure that the height and width values match in object classid and embed src.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"id="Embed-1.0-SNAPSHOTC-7f126f39-1a38- 4f4f-8a7c-b2542098a979:2" width="480px" height="320px">

<embed src="https://video.example.com/vportal/swf/Embed-1.0-SNAPSHOT.swf" quality="high" bgcolor="#FFFFFF" width="480px" height="320px" id="Embed-1.0-SNAPSHOTC-7f126f39-1a38-4f4f-8a7c-b2542098a979:2" name="Embed-1.0-SNAPSHOTC-7f126f39-1a38-4f4f-8a7c-b2542098a979:2" align="middle" play="true" loop="false" flashVars="baseurl=https://video.example.com/vportal/VideoPlayer.jsp?ccsid=C-7f126f39-1a38 -4f4f-8a7c-b2542098a979:2#&play=false&embedurl= quality="high" allowfullscreen="true" wmode="transparent" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></object>

You can disable full screen view by changing “true” to “false” in the following line of the Flash embed code:

<param name="allowFullScreen" value="true" />

Embed the Extended Video Player in a Web Page

Beginning in Show and Share Release 5.3.12 you can create an extended embedded video player that allows users to view Pulse keywords, video titles, and timeline comments when viewing the video. By using the extended player, users can navigate directly to specific words, comments, or speakers.

User Guide for Cisco Show and Share 5.3.x

4-14