Anarchy Media Plugin display problem

  • Resolved startribe

    (@startribe)


    17 years, 4 months ago

    Hey WordPress Community,

    I am working with the Anarchy Media Player plugin:
    http://an-archos.com/anarchy-media-player/

    I am having trouble getting the player preliminary load to display correctly. The height in side the entry div doesn’t seem to be registering, and the resulting footer is crowding the player preload, here is the current link and a picture of the page for reference:

    http://startribecinema.com/?p=27

    http://startribecinema.com/_ext_files/wp_anrch_issue.jpg

    I noticed that after I click the prelim display to play, the page will adjust to the resulting quicktime movie and the footer drops down. I am fine with even providing a text link in place of the preload image. Anyhow, any help or direction for resolution is greatly appreciated.

    Thanks,
    Orion

    BTW_ I included the picture link for reference on the boards after the issue is resolved in the direct link.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter startribe

    (@startribe)

    17 years, 4 months ago

    Hey WP professionals,

    I just wanted to follow-up on this issue. I am looking forward to a reply and potential solution. Any assistance or general direction would be greatly appreciated.

    All the Best,
    Orion

    Trent Adams

    (@trent)

    17 years, 4 months ago

    Could you put up a copy of the text you have for the page so we can figure out what to compare the source of the page with?

    Trent

    Thread Starter startribe

    (@startribe)

    17 years, 4 months ago

    Hey Trent,

    Thanks for the reply.

    Is this what you mean by the text for the page:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <!--header-->
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>star tribe cinema</title>
    <style type="text/css" media="screen">
    @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>
    </head>
    <body>
    <div id="wrapper"><!--div1-->
    <div id="wrapper2"><!--div2-->
    <div id="content"><!--div3-->
    <div id="header">
    <h1 class="header1"><a href="index.php">star tribe cinema</a></h1>

    <h2 class="header2"><?php single_cat_title(); ?></h2>
    </div>
    <!--end header-->
    <!--nav-->
    <?php get_sidebar(); ?>
    <!--end nav-->
    <?php include('mom_nav.php'); ?>
    <!--begin-->
    <div id="post_wrap">
    <?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
    <?php the_title(); ?>
    </a></h2>
    <div class="post_date">
    <?php the_time('F jS, Y') ?>
    <!-- by <?php the_author() ?> -->
    </div>
    <div class="entry">
    <?php the_excerpt_reloaded(50, '', 'none', TRUE, 'read more', FALSE, 2); ?>
    </div>
    <p class="postmetadata">Posted in
    <?php the_category(', ') ?>
    |
    <?php edit_post_link('Edit', '', ' | '); ?>
    <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?>
    </p>
    </div>
    <?php endwhile; ?>
    <div class="navigation">
    <div class="alignleft">
    <?php next_posts_link('&laquo; Previous Entries') ?>
    </div>
    <div class="alignright">
    <?php previous_posts_link('Next Entries &raquo;') ?>
    </div>
    </div>
    <?php else : ?>
    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for
    something that isn't here.</p>
    <?php include (TEMPLATEPATH . "/searchform.php"); ?>
    <?php endif; ?>
    </div>
    <!--end posts-->
    <?php get_footer(); ?>
    </div><!--div3-->
    </div><!--div12-->
    </div><!--div1-->
    </body>
    </html>

    Let me know if you need something else, and thank you very much for the consideration.

    All the Best,
    Orion

    Trent Adams

    (@trent)

    17 years, 4 months ago

    Actually, I was thinking more of what you placed in your page in terms of text when you created it. The code that actually has the video code for anarchy.

    Trent

    Thread Starter startribe

    (@startribe)

    17 years, 4 months ago

    Hey Trent and WP Community,

    The code is only a standard link to a file. The plugin functions by java script, and when it sees a link with the relevant file, it automatically acts upon it with the appropriate actions… Awesome Plugin!

    I received an email for Dr. Riddoch of An-Archos:

    <–email begins–>
    On 17/12/2006, at 8:06 AM, Orion Star wrote:

    > I am having a bit of trouble with the preliminary load for quicktime
    >
    > movies. I noticed that the size of the preliminary anarchy image is
    >
    > not being registered in the height of the post div, and the footer is
    >
    > floating over the pre-load image.

    Your theme is a bit weird, it’s loading all the js and style etc links in the body. You should have <?php wp_head(); ?> just above </head>, it’s a wordpress hook used by lots of different plugins and wp itself.

    The image float problem is also a common theme problem which you can usually fix via your style.css by using clear: both; on the postmetadata class. Or you could try writing some text just after the mov link which will get placed just below the image and should push the other content down.
    <–email ends–>

    I then made the changes he mentioned (with exception to the PHP note, I am still learning that stuff too, so any recommendations are welcome) and I was still having trouble in Firefox for the mac, and I had yet to test in other browsers. So, I tested in Safari, and it displayed fine. I then tested in IE 5 for the mac, and aside from a problem with the post dropping (which I expected, box model issue) the footer wasn’t overlapping the movie pre-load (which I didn’t expect.)

    Here are pics from the different browsers:
    (Firefox)
    http://startribecinema.com/_ext_files/wp_anrch_issue.jpg
    (Safari)
    http://startribecinema.com/_ext_files/wp_anrch_sfr.jpg
    (IE5)
    http://startribecinema.com/_ext_files/wp_anrch_exp5.jpg

    I also noticed that when I outlined the block level elements through the Firefox developer tool bar, the footer would then drop down, thought the footer box still showed that it was underneath the post wrap div.

    I believe it is going to be something in the CSS for Firefox.I am committed to figuring this thing out, so any ideas or thoughts are greatly appreciated.

    All the Best,
    Orion

    Thread Starter startribe

    (@startribe)

    17 years, 4 months ago

    Late Breaking:

    As soon as the browser window is resized in Firefox (using the lower right corner resize), the footer drops down. Hmmm, interesting.

    Any ideas, feel free to let me know.

    Thanks,
    Orion

    Thread Starter startribe

    (@startribe)

    17 years, 4 months ago

    Hey Community,

    It was a format issue with the CSS, so I re-did the CSS from scratch, and now it works! I am still new to this coding thing, but I think I’m starting to get it. WordPress and PHP are awesome!

    Now I will only have to test across browsers.

    I would highly recommend the Anarchy Plugin, it is awesome. You only have to put a link in your posts and it automtically includes the relevant player, whether mp3, mov, flv, or google video.

    Thanks again everyone,
    All the Best… and almost there,
    Orion

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Anarchy Media Plugin display problem’ is closed to new replies.