VP-111: In IE8, VideoPlayer buttons not scaling with UIO

Description

In IE8, the Video Player control buttons are not being properly scaled down, and do not resize with UIO adjustments.

Environments

IE8

Attachments

Comments

• Anastasia Cheetham commented 2012-10-24T09:15:09.496-0400

  The following CSS should work in IE8 to control the background image sizes, but for some reason, it causes the media element to not load.

  This CSS would be placed in the file ltie9.css

  /* Play button */
  .fl-videoPlayer-play {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/default/play.png',sizingMethod='scale');
  }

  .fl-videoPlayer-play:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/play_hover.png",sizingMethod="scale");
  }

  .fl-videoPlayer-playing {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/pause.png",sizingMethod="scale");
  }

  .fl-videoPlayer-playing:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/pause_hover.png",sizingMethod="scale");
  }
  */
  /* Fullscreen button */
  /*
  .fl-videoPlayer-fullscreen {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/fullscreen.png",sizingMethod="scale");
  }

  .fl-videoPlayer-fullscreen:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/fullscreen_hover.png",sizingMethod="scale");
  }

  .fl-videoPlayer-fullscreen-on {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/smallscreen.png",sizingMethod="scale");
  }

  .fl-videoPlayer-fullscreen-on:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/smallscreen_hover.png",sizingMethod="scale");
  }
  */
  /* Volume button */
  /*
  .fl-videoPlayer-mute {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/volume.png",sizingMethod="scale");
  }

  .fl-videoPlayer-muted {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/volume_off.png",sizingMethod="scale");
  }
  */
  /* Captions button */
  /*
  .fl-videoPlayer-captions-button {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/captions.png",sizingMethod="scale");
  }

  .fl-videoPlayer-captions-button:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/captions_hover.png",sizingMethod="scale");
  }

  .fl-videoPlayer-captions-button-on {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/captions_on.png",sizingMethod="scale");
  }
  */
  /* Transcript button */
  /*
  .fl-videoPlayer-transcripts-button {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/transcript.png",sizingMethod="scale");
  }

  .fl-videoPlayer-transcripts-button:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/transcript_hover.png",sizingMethod="scale");
  }

  .fl-videoPlayer-transcripts-button-on {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/default/transcript_on.png",sizingMethod="scale");
  }

• heidi valles commented 2012-11-12T15:51:21.998-0500

  winxp/IE8 without UIO changes

• Justin Obara commented 2013-01-16T11:11:02.193-0500

  Merged pull request ( https://github.com/fluid-project/videoPlayer/pull/110 ) into the project repo at cd089ab4ab6c6ca4eb3c7ae2032a254b1b6eaef8