PC04 Video Thumbnail
DefinitionThis component is used to show video thumbnails. In most cases it should launch the K03 Media Shell, but in some cases i can link to another page with the video presented in the page. Usageusage information coming soon This variation should no longer be used. All videos should have only ONE call to action button, this is is illustrated in the pc04v2. TitleDeniam, ut aliquip ex ea commodo consequat dol magna aliquamer. Lorem tolem ol estum ullamcorper ex ea commodo consequat dol magna. 
Watch the Video This variation is used to list several video presentations. When coding this component, a k02v1 Info and Action Link Pop Up component MUST be used for each of the video thumbnails. The k02v1 shows an example of a link that triggers the pop up. When using the pc04, this link is not needed. In the PC4v1 the k02v1 pop up is triggered from a DIV that has a class attribute set to "pc4w1 vTop hMiddle k2over vid1". The last class in that list, "vid1" is the value that should be used for ID of the corresponding k02v1. The "vid1" class and k02v1 ID can be set to any value but each thumbnail should refer to a different k02v1 with a unique ID. The pc04v1 can contain two to four thumbnails. When used inside a two column layout, it is recommended to have two or four thumbnails, since using three images doesn't look as nice. If you only have one thumbnail, the standard variation 0 should be used instead. Featured VideosDeniam, ut aliquip ex ea commodo consequat dol magna aliquamer. Lorem tolem ol estum ullamcorper ex ea commodo consequat dol magna.
John P. WorkerLearn how John uses his Solaris machine to aid him in his quest for world domination. This variation is used to list several video presentations. When coding this component, a k02v1 Info and Action Link Pop Up component MUST be used for each of the video thumbnails. The k02v1 shows an example of a link that triggers the pop up. When using the pc04, this link is not needed. In the PC4v1 the k02v1 pop up is triggered from a DIV that has a class attribute set to "pc4w1 vTop hMiddle k2over vid1". The last class in that list, "vid1" is the value that should be used for ID of the corresponding k02v1. The "vid1" class and k02v1 ID can be set to any value but each thumbnail should refer to a different k02v1 with a unique ID. The pc04v1 can contain two to four thumbnails. When used inside a two column layout, it is recommended to have two or four thumbnails, since using three images doesn't look as nice. If you only have one thumbnail, the standard variation 0 should be used instead. Featured VideosDeniam, ut aliquip ex ea commodo consequat dol magna aliquamer. Lorem tolem ol estum ullamcorper ex ea commodo consequat dol magna.
John P. WorkerLearn how John uses his Solaris machine to aid him in his quest for world domination.
TitleDeniam, ut aliquip ex ea commodo consequat dol magna aliquamer. Lorem tolem ol estum ullamcorper ex ea commodo consequat dol magna.
Watch the Video This example illustrates this component with the optional heading and paragraph removed.
Watch the Video |
 |