Esko Logo Back to Esko Support
Choose your language for a machine translation:


  • Is it possible to embed videos in WebCenter pages?
  • Can video files be stored and played in WebCenter?


It is possible to store video files on WebCenter. However, since WebCenter does not have a video player, users would have to download and then play the movies on their own machines.

Fortunately, it is possible to embed movies hosted in another location, such as YouTube, inside different WebCenter pages. A few examples:

  • My Work sections
  • Static text customizations: Login, Welcome or Contact page
  • Attribute form help balloons
  • Rich Text Attributes

If your company has its own movies, you may want to create a private YouTube channel for that (so, you can only see the movies if you have the link).

To find more Esko WebCenter YouTube movies to link to in the software, see:

My Work Section

The easiest option is to create a My Work section with a YouTube movie. Read the article given below for a complete description of the procedure:

Rich Text Attributes

You can link a movie hosted on the Web Server or a movie on a channel like YouTube into a Rich Text Attribute. For more information, see:

Static Text Customization and Help HTML

If you want to create a customized page using static text customization or add a video to an attribute help balloon, you will first need to get the correct video link. This procedure describes how to get the correct link for a YouTube movie:

  1. Find your movie on YouTube.
  2. Choose Share > Embed. You will see a piece of code. For example:

    <iframe width="560" height="315" src="//" frameborder="0" allowfullscreen></iframe>

    If you this kind of code, make sure to adapt allowfullscreen to allowfullscreen = "true".

  3. Alternatively, you could use the Use old embed code option and your code will look a bit different. For example:

    <object width="560" height="315"><param name="movie" value="//;hl=nl_NL"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//;hl=nl_NL" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
  4. Now copy the embed code entirely and paste it into your HTML file.

The following is an example of HTML code that could be used for static text customization or a help balloon:

<html xmlns="" lang="en" xml:lang="en">
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
        <title>Welcome to WebCenter</title>
        <style type="text/css">
            .mainContent {background:none;}
            h1 {font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:500;margin-bottom:40px;}
            .embMovie {display:inline-block;margin-right:20px;}
        <div class="mainContent">
            <h1>Watch some nice WebCenter movies to get you started!</h1>
            <div class="embMovie">   
                <iframe width="560" height="315" src="//" frameborder="0" allowfullscreen="true"></iframe>

For more information on static text customization or adding help balloons in attribute forms, read Customize Static Text and Create HTML information for an Attribute in the WebCenter User Documentation.

Article information
Applies to

WebCenter all versions

Last revised02-Nov-15
CW Number