The media player begins loading the video file but does not appear to finish so the video could be played. The error occurs when using the IE7 browser under Windows 7. The player works as expected for IE8/IE9, Chrome, Firefox, and Safari (on all device types PC, iPhone and iPad).

It appears that everything is being defined correctly if you look at the generated code. It does seem that the player is not getting the indicator that video is ready to be played.

We are using MediaFront 7.x.2.0-alpha 4, Media 7.x-1.0, Drupal Core 7.12, Media: YouTube 7.x.1.0-beta3

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

cachee’s picture

Issue summary: View changes

Added the IE8 to IE9

EnjoyLife’s picture

Title: The media player does not play using EI7 » The media player does not play using IE7
whthat’s picture

Title: The media player does not play using IE7 » The media player does not play using IE7 -Content Type, Display Field Formatter

Same issue when using the content type field formatter "Mediafront Player" mine is on a Media 1.0 field. And using a YouTube video as a source.

In IE7 it's trying to load showing the loader graphic similar to the Preset Preview. IE8+, Firefox, Chrome, Safari, Opera all seem to work just fine with this field formatter implementation.

whthat’s picture

Version: 7.x-2.0-alpha4 » 7.x-2.0-alpha5
omaster’s picture

I am having the same issue in IE8 and IE9. Not anything else. Just IE

*Dreams of a day when IE is either in line with the other browsers or does not exist anymore*

EnjoyLife’s picture

Title: The media player does not play using IE7 -Content Type, Display Field Formatter » The media player does not play in IE
Version: 7.x-2.0-alpha5 » 7.x-2.x-dev
EnjoyLife’s picture

Title: The media player does not play in IE » The media player does not play in IE7

For those having issues with IE9, look at #1536232: Media player not visible in IE9.

cachee’s picture

It appears that there are some missing "http:" in front of the following entries:

  • img src="//s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" height="60" width="300">
  • script src="//s.ytimg.com/yt/jsbin/www-embed_core_module-vflPraSPj.js">
  • 'EMBED_BINARY_URL': '//s.ytimg.com/yt/jsbin/www-embed_core_module-vflPraSPj.js','ORIGIN':
  • 'FLASH_UPGRADE': .... 'img src=\"h\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert
  • 'PLAYER_CONFIG': {"assets": {"html": "\/html5_player_template", "css": "http:\/\/s.ytimg.com\/yt\/cssbin\/www-player-vflNffkIU.css", "js": "http:\/\/s.ytimg.com\/yt\/jsbin\/html5player-vflZifxKH.js"},
  • yt.setMsg('FLASH_UPGRADE', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\"
  • yt.setMsg('PLAYER_FALLBACK', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\"
  • yt.setMsg('QUICKTIME_FALLBACK', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\"

and the http://youtube.com is missing from
in the "iframe" code generated.

The following is the updated code and this code plays the video in dreamweaver. The one thing is that the controls are not visible.

<!DOCTYPE html>
  <html lang="en" dir="ltr" >

<head>
    <title>Anyone Can Test - YouTube</title>

    <link  rel="stylesheet" href="http://s.ytimg.com/yt/cssbin/www-embed-vflqnQAF6.css">


    <link rel="canonical" href="http://youtube.com/watch?v=0vzbfpCU8Po">

  <style>
    @-o-viewport { width: device-width; }
    @-moz-viewport { width: device-width; }
    @-ms-viewport { width: device-width; }
    @-webkit-viewport { width: device-width; }
    @viewport { width: device-width; }
  </style>

</head>
  <body id="ie" class="date-20120507 en_US ltr   ytg-old-clearfix" dir="ltr">


<div id="watch-longform-ad" class="hid">
  <div id="watch-longform-text">
Advertisement
  </div>
  <div id="watch-longform-ad-placeholder"><img src="http://s.ytimg.com/yt/img/pixel-vfl3z5WfW.gif" height="60" width="300"></div>
</div>

  <div id="player" class="full-frame"></div>
        
    <script  src="http://s.ytimg.com/yt/jsbin/www-embed_core_module-vflPraSPj.js"></script>

  <script>
    yt.setConfig({
      'EMBED_BINARY_URL': 'http://s.ytimg.com/yt/jsbin/www-embed_core_module-vflPraSPj.js',
      'ORIGIN': "http:\/\/twell.localhost:8082",
      'IS_OPERA_MINI': false
    });
    yt.setMsg({
      'FLASH_UPGRADE': '<div class=\"yt-alert yt-alert-default yt-alert-error  yt-alert-player\"><div class=\"yt-alert-icon\"><img src=\"http:\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert icon\"><\/div><div class=\"yt-alert-buttons\"><\/div><div class=\"yt-alert-content\">    <span class=\"yt-alert-vertical-trick\"><\/span>\n    <div class=\"yt-alert-message\">\n          You need to upgrade your Adobe Flash Player to watch this video. <br> <a href=\"http:\/\/get.adobe.com\/flashplayer\/\">Download it from Adobe.<\/a>\n    <\/div>\n<\/div><\/div>'
    });
      yt.setConfig({
      'PLAYER_CONFIG': {"assets": {"html": "\/html5_player_template", "css": "http:\/\/s.ytimg.com\/yt\/cssbin\/www-player-vflNffkIU.css", "js": "http:\/\/s.ytimg.com\/yt\/jsbin\/html5player-vflZifxKH.js"}, "url": "http:\/\/s.ytimg.com\/yt\/swfbin\/watch_as3-vfl3Xv_kR.swf", "min_version": "8.0.0", "args": {"origin": "http:\/\/twell.localhost:8082", "el": "embedded", "fexp": "907048,903903,907216,918008,919306", "is_html5_mobile_device": false, "controls": "0", "allow_embed": 1, "tabsb": "1", "allow_ratings": 1, "hl": "en_US", "tsp_buffer": 10, "iurl": "http:\/\/i1.ytimg.com\/vi\/0vzbfpCU8Po\/hqdefault.jpg", "view_count": 109, "tspto": 12000, "title": "Anyone Can Test", "eurl": "http:\/\/twell.localhost:8082\/testing\/test", "avg_rating": 5.0, "video_id": "0vzbfpCU8Po", "length_seconds": 284, "tsp_dvrloop": 50, "sendtmp": "1", "enablejsapi": "1", "sk": "0DZ7bnoyT2EkeZpOuP306id5nIUtVtM8C", "rel": "1", "playlist_module": "http:\/\/s.ytimg.com\/yt\/swfbin\/playlist_module-vflwlaWBT.swf", "iurlsd": "http:\/\/i1.ytimg.com\/vi\/0vzbfpCU8Po\/sddefault.jpg"}, "url_v9as2": "http:\/\/s.ytimg.com\/yt\/swfbin\/cps-vflEiiy1p.swf", "params": {"allowscriptaccess": "always", "wmode": "opaque", "allowfullscreen": "true", "bgcolor": "#000000"}, "attrs": {"width": "100%", "id": "video-player", "height": "100%"}, "url_v8": "http:\/\/s.ytimg.com\/yt\/swfbin\/cps-vflEiiy1p.swf", "html5": false},
    'EMBED_HTML_TEMPLATE': "\u003ciframe width=\"__width__\" height=\"__height__\" src=\"__url__\" frameborder=\"0\" allowfullscreen\u003e\u003c\/iframe\u003e",
    'EMBED_HTML_URL': "http:\/\/www.youtube.com\/embed\/__videoid__"
  });
    yt.setMsg('HTML5_DEFAULT_FALLBACK', "This video is currently unavailable.");
  yt.setMsg('FLASH_UPGRADE', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error  yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"http:\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert icon\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-buttons\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-content\"\u003e    \u003cspan class=\"yt-alert-vertical-trick\"\u003e\u003c\/span\u003e\n    \u003cdiv class=\"yt-alert-message\"\u003e\n          You need to upgrade your Adobe Flash Player to watch this video. \u003cbr\u003e \u003ca href=\"http:\/\/get.adobe.com\/flashplayer\/\"\u003eDownload it from Adobe.\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e");
  yt.setMsg('HTML5_NO_AVAILABLE_FORMATS_FALLBACK', "Your browser does not currently recognize any of the video formats available.\u003cbr\u003e\u003ca href=\"\/html5\"\u003eClick here to visit our frequently asked questions about HTML5 video.\u003c\/a\u003e");
  yt.setMsg('PLAYER_FALLBACK', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error  yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"http:\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert icon\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-buttons\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-content\"\u003e    \u003cspan class=\"yt-alert-vertical-trick\"\u003e\u003c\/span\u003e\n    \u003cdiv class=\"yt-alert-message\"\u003e\n          The Adobe Flash Player or an HTML5 supported browser is required for video playback. \u003cbr\u003e \u003ca href=\"http:\/\/get.adobe.com\/flashplayer\/\"\u003eGet the latest Flash Player\u003c\/a\u003e \u003cbr\u003e \u003ca href=\"\/html5\"\u003eLearn more about upgrading to an HTML5 browser\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e");
  yt.setMsg('QUICKTIME_FALLBACK', "\u003cdiv class=\"yt-alert yt-alert-default yt-alert-error  yt-alert-player\"\u003e\u003cdiv class=\"yt-alert-icon\"\u003e\u003cimg s\u0072c=\"http:\/\/s.ytimg.com\/yt\/img\/pixel-vfl3z5WfW.gif\" class=\"icon master-sprite\" alt=\"Alert icon\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-buttons\"\u003e\u003c\/div\u003e\u003cdiv class=\"yt-alert-content\"\u003e    \u003cspan class=\"yt-alert-vertical-trick\"\u003e\u003c\/span\u003e\n    \u003cdiv class=\"yt-alert-message\"\u003e\n          The Adobe Flash Player or QuickTime is required for video playback. \u003cbr\u003e \u003ca href=\"http:\/\/get.adobe.com\/flashplayer\/\"\u003eGet the latest Flash Player\u003c\/a\u003e \u003cbr\u003e \u003ca href=\"http:\/\/www.apple.com\/quicktime\/download\/\"\u003eGet the latest version of QuickTime\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e");

  yt.setMsg('HTML5_SPEED_NORMAL', "Normal");
  yt.setMsg('HTML5_QUALITY_SETTING', "quality");
  yt.setMsg('HTML5_SPEED_SETTING', "speed");
  yt.setMsg('HTML5_VOLUME_SETTING', "volume");
  yt.setMsg('HTML5_VOLUME_MUTED', "muted");
  yt.setMsg('HTML5_VOLUME_MUTE', "mute");
  yt.setMsg('HTML5_VOLUME_UNMUTE', "unmute");
  yt.setMsg('HTML5_CONTROL_TOGGLE', "toggle");

  yt.setMsg('HTML5_SUBS_TRANSCRIBED', "transcribed");
  yt.setMsg('VISIT_ADVERTISERS_SITE', "Visit advertiser's site");
  yt.setMsg('FRESCA_COMPLETE_MESSAGE', "Thanks for watching!");
  yt.setMsg('FRESCA_STAND_BY_MESSAGE', "Please stand by.");
      yt.embed.writeEmbed();
  </script>
</body>
</html>
travist’s picture

I am confused,

When you say "It appears that there are some missing "http:" in front of the following entries:", are you referring to the code you pasted or the code generated by mediafront? Also, can you copy & paste the code that it is generating that isn't working for you from mediafront so that I can discern between what works and what doesn't work?

Thanks,

Travis.

cachee’s picture

Travist,

Sorry for the confusion. The code generated by mediafront did not work. The code in the paste is what was working for me.

caroline

travist’s picture

Status: Active » Fixed

Please try the latest DEV version tomorrow. I believe I fixed the IE issues.

Thanks,

Travis.

dezb’s picture

Hey Travis.

Problem continues with IE8.

Browser error message is;
================================================================================================
Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Wed, 30 May 2012 02:01:57 UTC

Message: Object doesn't support this property or method
Line: 130
Char: 386
Code: 0
URI: http://mediafront.org/assets/osmplayer/bin/osmplayer.compressed.js
================================================================================================

And this occurs when viewing my dev page (www.riseley.desbirt.com.au) or www.mediafront.org.

Screen shot attached.

Version installed on my dev site = (Mediafront version installed = MediaFront 7.x-2.0-beta2+10-dev (2012-May-30))

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

heretic381’s picture

Subscribe.

EnjoyLife’s picture

For people who had issues with IE8, please see #1597590: OSM Player does not work in IE8 with mp4 video and see if using an updated version of 7.x-2.x resolves your issue. If anyone still can not get IE8 to work, please open a new issue separate from other issues. Thank you.

Similar issues: #1553252: Mediafront, Media Player Views format - not loading in IE7 and IE8 and #1853336: Internet Explorer 8 (Mediafront.org).

EnjoyLife’s picture

Issue summary: View changes

Updated the mediafront version.