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.
...
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.
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<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.
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<iframe width="250" height="315" src="//www.youtube.com/embed/yourvideolinkhere" frameborder="0" allowfullscreen> </iframe> |