.flv files display as links in node (.avi files work correctly)

pologringo - April 17, 2009 - 16:49
Project:jQuery Media
Version:6.x-1.4-beta1
Component:Code
Category:support request
Priority:normal
Assigned:Unassigned
Status:active
Description

I've installed jQuery Media, and File Field. I've made a new node type for videos and added an upload filefield. I've set me default player to the JW Media player and have added swfobject.js

When I upload a .avi file, it displays correctly (using windows media player...doesn't use jw player for some reason) but when I attempt to use a .flv file it just displays a link to the file.

As far as I can tell everything is configured properly. You can see an example at http://pologringo.com/horses/node/2

here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head>
    <title>Drupal</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="Drupal RSS" href="http://pologringo.com/horses/rss.xml" />

<link rel="shortcut icon" href="/horses/misc/favicon.ico" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" media="all" href="/horses/modules/cck/theme/content-module.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/filefield/filefield.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/node/node.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/system/defaults.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/system/system.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/system/system-menus.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/modules/user/user.css?F" />
<link type="text/css" rel="stylesheet" media="all" href="/horses/themes/garland/style.css?F" />
<link type="text/css" rel="stylesheet" media="print" href="/horses/themes/garland/print.css?F" />
    <script type="text/javascript" src="/horses/modules/jquery_update/replace/jquery.min.js?F"></script>
<script type="text/javascript" src="/horses/misc/drupal.js?F"></script>
<script type="text/javascript" src="/horses/modules/jquery_media/js/jquery.media.js?F"></script>
<script type="text/javascript" src="/horses/swfobject/swfobject.js?F"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, { "basePath": "/horses/" });
//--><!]]>
</script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--

if (Drupal.jsEnabled) {
  $(document).ready(function() {
    $.fn.media.defaults.flvPlayer = '/horses/mediaplayer.swf';
    $.fn.media.defaults.mp3Player = '/horses/mediaplayer.swf';
    $('.filefield-file a, .filefield-item a').media();
  }); 
}

//--><!]]>
</script>
    <!--[if lt IE 7]>
      <link type="text/css" rel="stylesheet" media="all" href="/horses/themes/garland/fix-ie.css" />    <![endif]-->
  </head>
  <body class="sidebar-left">

<!-- Layout -->
  <div id="header-region" class="clear-block"></div>

    <div id="wrapper">
    <div id="container" class="clear-block">

      <div id="header">
        <div id="logo-floater">
        <h1><a href="/horses/" title="Drupal"><img src="/horses/themes/garland/logo.png" alt="Drupal" id="logo" /><span>Drupal</span></a></h1>        </div>

                                                   
      </div> <!-- /header -->

              <div id="sidebar-left" class="sidebar">
                    <div id="block-user-1" class="clear-block block block-user">

  <h2>pologringo</h2>

  <div class="content"><ul class="menu"><li class="leaf first"><a href="/horses/user/1">My account</a></li>
<li class="collapsed"><a href="/horses/node/add">Create content</a></li>
<li class="collapsed"><a href="/horses/admin">Administer</a></li>
<li class="leaf last"><a href="/horses/logout">Log out</a></li>
</ul></div>
</div>
        </div>
     
      <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">
                                                                                          <div class="clear-block">
            <div id="node-2" class="node">


  <h2><a href="/horses/node/2" title="fasgsdfg">fasgsdfg</a></h2>

      <span class="submitted">Fri, 04/17/2009 - 16:28 — <a href="/horses/user/1" title="View user profile.">pologringo</a></span>
 
  <div class="content clear-block">
    <p>sdfgsgfsfdg</p>
<div class="field field-type-filefield field-field-filefield">
      <div class="field-label">filefield:&nbsp;</div>
    <div class="field-items">
            <div class="field-item odd">
                    <div class="filefield-file clear-block"><div class="filefield-icon field-icon-application-octet-stream"><img class="field-icon-application-octet-stream"  alt="application/octet-stream icon" src="http://pologringo.com/horses/modules/filefield/icons/protocons/16x16/mimetypes/application-octet-stream.png" /></div><a href="http://pologringo.com/horses/sites/default/files/video/test.FLV" type="application/octet-stream" length="26575623">test.FLV</a></div>        </div>
        </div>
</div>
  </div>

  <div class="clear-block">
    <div class="meta">
        </div>

          <div class="links"><ul class="links inline"><li class="comment_add first last"><a href="/horses/comment/reply/2#comment-form" title="Add a new comment to this page.">Add new comment</a></li>
</ul></div>
      </div>

</div>
          </div>
          <a href="http://pologringo.com/horses/rss.xml" class="feed-icon"><img src="/horses/misc/feed.png" alt="Syndicate content" title="Drupal RSS" width="16" height="16" /></a>          <div id="footer"><div id="block-system-0" class="clear-block block block-system">


  <div class="content"><a href="http://drupal.org"><img src="/horses/misc/powered-blue-80x15.png" alt="Powered by Drupal, an open source content management system" title="Powered by Drupal, an open source content management system" width="80" height="15" /></a></div>
</div>
</div>
      </div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->

     
    </div> <!-- /container -->
  </div>
<!-- /layout -->

    </body>
</html>

 
 

Drupal is a registered trademark of Dries Buytaert.