Play video in fronts

Only does it if the size of what the image would have been is large enough ...

So you get it playing on baguette, on fromage (boosted) and on rows of two big items. (Which includes when the item is boosted to the left, boosted to the right, or when both items are boosted.)

@mattosborn was going to look into whether I needed to add anything for the tracking or whether it should just work off the bat.

@mattosborn, @kaelig, please could you look at this and let me know if it's all kosher?

![screen shot 2014-08-05 at 15 45 45](https://cloud.githubusercontent.com/assets/1001642/3825645/9c28ed44-1d56-11e4-8636-4821e535d081.png)

![screen shot 2014-08-05 at 15 45 57](https://cloud.githubusercontent.com/assets/1001642/3825646/9fc83e46-1d56-11e4-9af5-332bdd55fa47.png)

![screen shot 2014-08-05 at 15 46 06](https://cloud.githubusercontent.com/assets/1001642/3825647/a208964c-1d56-11e4-835f-f7982fbca9af.png)

![screen shot 2014-08-06 at 11 19 06](https://cloud.githubusercontent.com/assets/1001642/3825655/b8798ed6-1d56-11e4-8bd4-a5be2f760bf3.png)

![screen shot 2014-08-06 at 11 19 29](https://cloud.githubusercontent.com/assets/1001642/3825656/c1995fb4-1d56-11e4-8deb-c80c3eb20166.png)

![screen shot 2014-08-06 at 11 19 36](https://cloud.githubusercontent.com/assets/1001642/3825658/cc2e79be-1d56-11e4-8ff7-607d507fd263.png)

![screen shot 2014-08-06 at 11 20 06](https://cloud.githubusercontent.com/assets/1001642/3825660/d74e6962-1d56-11e4-9b81-fdeba10bbcd1.png)

![screen shot 2014-08-06 at 11 20 19](https://cloud.githubusercontent.com/assets/1001642/3825662/db859406-1d56-11e4-887f-aec9156eb1f3.png)

![screen shot 2014-08-06 at 11 20 29](https://cloud.githubusercontent.com/assets/1001642/3825663/deab0d28-1d56-11e4-9006-c4db67d2777f.png)

![screen shot 2014-08-06 at 11 22 09](https://cloud.githubusercontent.com/assets/1001642/3825664/e5a8e1b8-1d56-11e4-90a7-5fc3c91c44e4.png)

![screen shot 2014-08-06 at 11 22 19](https://cloud.githubusercontent.com/assets/1001642/3825665/e89921bc-1d56-11e4-81bd-2a251a83df85.png)

![screen shot 2014-08-06 at 11 22 26](https://cloud.githubusercontent.com/assets/1001642/3825666/eaa86b3e-1d56-11e4-8838-dc9b25531db8.png)

more wondering if we even need to define the width and height here in the html, i.e. just have

`<img src="@poster" alt="" />`