IE and Quicktime Issue

classic Classic list List threaded Threaded
21 messages Options
12
Reply | Threaded
Open this post in threaded view
|

IE and Quicktime Issue

CodeMonster
Shadowbox is doing something pretty strange in IE trying to play .mp4 videos. The first time I view the .mp4 movies (everything plays fine). When I close the movie, and then go to open it up again... (boom, shows half white screen with the Quicktime video player on half of the popup).

If I am going to shell out money for a license I would at least like to know that this is something that is fixable.

My code is:

<a href="captivate/New-Vendor-User.mp4" rel="shadowbox;height=436;width=736">My Movie</a>


<script type="text/javascript">
    Shadowbox.init({
        handleOversize: "drag",
        modal: false,
        autoplayMovies: false
    });
</script>


And I am using the most updated Shadowbox.js

My code is working in every browser (Firefox, Safari, Opera, Chrome) except IE

Any assistance would be much appreciated.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
Is anyone else having this issue?
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
This post was updated on .
I too see this issue occurring on multiple computers and different versions of the QuickTime plugin for Internet Explorer. As a matter of fact, even the Home Page here has this problem when viewing the same video for the second time in a row.

I think the issue here is that QuickTime has changed the plugins behavior in IE. If I am not mistaken, QuickTime Plugin in IE wants to use the browsers cache (unless the reason is from an IE KB Windows Update). Nevertheless, once the browsers cache is cleared out, everything is reset and viewing the video will be normal for only the first instance again. Since clearing out the browsers cache works, a valid solution would be to fire a Shadowbox onClose Event so that it removes any cache that QuickTime wants to use on a subsequent replay.

The above is true when the Shadowbox Player is QT (QuickTime) to load up a MP4 or QuickTime filetype. Once the Shadowbox Player is iframe, then there is no issue whatsoever.

So here are a few 'markup' choices that can be used to view MP4 or QuickTime Videos in Shadowbox:

1.) Use Shadowbox onClose Event to clear out Shadowbox QT Player cache (or visa-verse: A Shadowbox onOpen that purges QuickTime cache).

2.) Use Shadowbox 'rel=shadowbox;player=iframe;' to use the browsers QuickTime Plugin in Shadowbox iframe Player. You will need to add-in 16 Pixels to the height of the video for the QuickTime Controlbar.

3.) Use Shadowbox FLV Player that supports all QuickTime movie formats via 'rel=shadowbox;player=flv;'  

The Shadowbox FLV Player consists of an extra file 'player.swf' that resides in the same path as the 'shadowbox.js' file. This downloadable option is named Flash Video from the Shadowbox download page.

Hope this helps you out!

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
Thank you for your response!

I will give these solutions a go and will post a follow up with hopefully successful news.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
In reply to this post by arttronics
I am trying to use your solution of clearing the cache onClose, but it doesn't seem to be working. Right now I am just using an alert to see if it is at least working.


Here is my code:

<script type="text/javascript">
    Shadowbox.init({
        handleOversize: "drag",
        modal: false,
        autoplayMovies: false,
        players: ['img', 'flv', 'qt'],
        options: {
            onClose: function ()
            { alert('This is Working!'); }
        }
    });
</script>
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
Answering my own questions are satisfying....

code should be:

<script type="text/javascript">
        Shadowbox.init({
            handleOversize: "drag",
            modal: false,
            autoplayMovies: "false",
            onClose: function ()
            { alert('This is Working!'); }
        });
</script>



Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
When I replace the alert with clearCache() nothing is happening (Modal stays open with Black Player)

<script type="text/javascript">
    Shadowbox.init({
        handleOversize: "drag",
        modal: false,
        autoplayMovies: "false",
        onClose: function ()
        { clearCache(); }
    });
</script>


what gives?
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
I assure you I am no brick wall. I am a regular user just like you participating in a forum provided by the creator of Shadowbox.

The 'Shadowbox.clearCache()' command was not one on the ideas I presented. That Shadowbox command will wipe away all items that are to be put into a Shadowbox experience. The command is best suited for destroying dynamic content that is going to be reloaded via page refresh or new page instance.

The first idea I presented was to clear QuickTime's plugin cache, to which I am not familiar how to do since that is dependent on the QuickTime Embed API codes. Maybe somebody that knows about that API with IE knows how to make such a function, that can be linked to a Shadowbox.onClose Event.

I believe the reason why you are not seeing QuickTime plugin inside the iframe for method 2 is because the IE browser needs the plugin installed, apart from the QuickTime program and iTunes you might already have installed. To check if the QuickTime browser plugin is installed visit QuickTime movie trailers and watch a 480p Movie clip. You then can right mouse-click over the clip to see the plugin version number. This is only a guess since I have not seen your markup or a link.

The use of the iframe in Shadowbox will NOT produce Scrollbars for the QuickTime browser plugin. With that said, if the browser window is smaller than the size of the iframe, it will clip away the QuickTime Controlbar... but it's there if you resize the browser window accordingly.

A tip: Instead of using the alert dialog for feedback, use 'console.log' in your markup with Firebug in Firefox to visually see the exact process of what is and is not happening.

You shouldn't have any issues with watching MP4 or other QuickTime file-types with the 3rd option I provided... give that easier method a try.

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
I'm sure there will be a fix soon for those who require the optional QuickTime browser plugin for IE as the method of delivery for use in the Shadowbox QT Player, but in the mean time you already have two valid solutions to choose from to allow the same QuickTime browser plugin to work.

If neither of the two methods are working for your particular markup, even after my previous message, then paste your actual code or provide a link.

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
My markup:

<script type="text/javascript">
    Shadowbox.init({
        handleOversize: "drag",
        modal: false,
        autoplayMovies: "false",
        players: ['flv']
    });
</script>

<a href="captivate/New-Vendor-User.mp4" rel="shadowbox;player=flv;type=flv;height=436;width=736"></a>
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
In reply to this post by arttronics
It would help to see all your code or an actual link instead of code fragments to see the whole picture.

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
<a href="captivate/New-Vendor-User.mp4" rel="shadowbox;player=flv;type=flv;height=436;width=736">CLICK HERE TO SEE SHADOWBOX</a>

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
This post was updated on .
In reply to this post by arttronics
CONTENTS DELETED
The author has deleted this message.
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
I see that you are not specifying a DOCTYPE for the HTML page and the < html > tag is also missing important configuration information.

I recommend using W3 Online Validation Service to catch the several errors in your markup.

For all 'rel=shadowbox;' ensure you have 'player=flv;' and for those <a anchors ensure you have something to click whether it be text or image.

At this point I am seeing errors outside the scope of Shadowbox, such as a missing 'div' (you have 13 of them - either it's suppose to be 12 or 14).

Using good debugging tools will make things easier for your web page developments.

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

CodeMonster
I don't have missing 'divs' it is just a pain to copy lengthy code on this forum and have it show correctly.

I will try the doctype, but i cant really see how that is an issue because the Quicktime Shadowbox opens correctly.

I use firebug religiously....

And yes I have an image that is clickable within my 'a' tags, it just didn't get copied over when I put the code in.

I will play around with it some more.

Thanks for your responses
Reply | Threaded
Open this post in threaded view
|

Re: IE and Quicktime Issue

arttronics
If you still require the explicit use of the Shadowbox QT Player, here is a quick fix for having it work in IE.

When posting your markup here on the forum follow these simple steps:

0. Login and paste your markup into the Message Box.
1. Mouse select the markup you just pasted.
2. Press the More Button from the Message Box Toolbar.
3. Select Raw text from the drop down menu. DONE!

If I don't respond to your POST, it's your inability to provide your markup correctly.

Check out a few DEMOS I made that are here in this forum.

12