YouTube Integration

You can embed a number of social media types into an Interaction. Bear in mind, that some media (such as YouTube) can consume a large amount of data and bandwidth, so consider carefully both the type of social media you wish to make available, as well as the devices upon which they will be accessed. You may need to add both code snippets into the Interaction if your users use varied devices.

Embedding YouTube

YouTube is really easy to embed - since YouTube give you all you need as part of it's embed code. However there are some issues of which you should be aware, chiefly which mobile operating system will be used - often both iOS and Android devices, and the bandwidth the media will consume. (It's best to use small videos). Make sure you've identified the user agent (operating system) and tested it thoroughly before releasing it into the wild.

There are two methods of coding to allow YouTube to be added as part of an interaction:

The Embed method
The iFrame method.

For iOS (the Embed Method)

For iOS devices, use the following code as a guideline. This ensures that the video displays within the iPhone screen Realestate comfortably, however, feel free to extend or expand the size aprameters if your users will be using a iPad.

<object width="200" height="180">
<param name="movie" value="//www.youtube.com/v/yourvideohere"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="//www.youtube.com/yourvideolinkhere" 
 type="application/x-shockwave-flash" 
 width="200" 
 height="180" 
 allowscriptaccess="always" 
 allowfullscreen="true"></embed>
</object>

For Android devices (the iFrame method)

For Android devices use the following code as an example. Note that the height and width is slightly larger. Again, this can be changed to suit your particular needs.

<iframe width="250" 
height="315" 
src="//www.youtube.com/embed/yourvideolinkhere" 
frameborder="0" 
allowfullscreen>
</iframe>