BHV-15488 Inline VideoPlayer: Fullscreen Mode Exit FullScreen Icon butto...

...n is misaligned. Enyo-DCO-1.1-Signed-off-by: Brooke Peterson <brooke.peterson@lge.com>

###Summary
This PR intends to fix the misalignment of VideoFullScreenToggleButton ("exitFullSceen" icon) to its white 85px circle visual background (at Fullscreen mode) in InlineVideoPlayerSample.

###Causes:
Due to the change (incorporated in 2.5.1-pre7) of using Direct Entity instead of the previous icon font classes in icon.js, now small iconButton  (which is VideoFullScreenToggleButton's base kind) is sitting inside the tapArea which takes on its line-height of 78px. In Fullscreen mode, due to the customization of VideoControls iconButton styles (white circle background), they have 85px height which caused the tapArea that expanded to 113px (85px + 2*14px), so this caused the misalignment.

###Proposed Fixes:
By simply changing the line-height of the tapArea to 113px could fix this problem. However this seem to only fix the symptom also the tapArea is not necessary. The VideoToggleButton should have two states, in FullScreenMode it should be large IconButton size (which will rid of the unnecessary tapArea), in inline mode should be small size (and have the tapArea)
1. In VideoFullscreenToggleButton.js, set the icon small: false
2. In VideoPlayer.js inlineChanged() function, added  "this.$.ilFullscreen.setSmall(false);"
3. Also changed all the placeholder iconButtons size to large as they should be (so no tapArea nodes) in VideoPlayer related sample files.
This should be set in the components block (Line 654) rather than in this changed handler since it doesn't change.