Joomla core SEF strips poster from HTML5 video

General questions relating to Joomla! 2.5. Note: All 1.6 and 1.7 releases have reached end of life and should be updated to 2.5. There are other boards for more specific help on Joomla! features and extensions.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Locked
boogily
Joomla! Guru
Joomla! Guru
Posts: 733
Joined: Mon Mar 09, 2009 2:06 am

Joomla core SEF strips poster from HTML5 video

Post by boogily » Fri Nov 11, 2011 4:36 am

On MP4 format. Just an FYI. Hopefully 3rd party SEF URL software will help
http://www.happydogwebproductions.com
"Minneapolis and St Paul web design and development"

User avatar
kenmcd
Joomla! Champion
Joomla! Champion
Posts: 5672
Joined: Thu Aug 18, 2005 2:09 am
Location: California
Contact:

Re: Joomla core SEF strips poster from HTML5 video

Post by kenmcd » Fri Nov 11, 2011 8:07 am

.
"It don't work" posts with no background information are not useful.

I have had no issues with HTML5 video poster images and SEF functions.
But what does that mean?
Just <video> tags?
A Joomla HTML5 video extension?
One of the many HTML5 video packages out there?
Relative links, or domain absolute links, or full URLs for the poster image?
Just pasting HTML5 video tags in an article?
Or using JavaScript to add features?
Any fallback players and code involved?

"It don't work" posts with no background information are not useful for:
- analyzing an issue
- determining if there really is an issue
- finding a solution

Based on the knowledge and experience represented on your website, I assume you know better.

I would like to help solve the issue, if any.
Need more information.
.
██ LibreTraining

boogily
Joomla! Guru
Joomla! Guru
Posts: 733
Joined: Mon Mar 09, 2009 2:06 am

Re: Joomla core SEF strips poster from HTML5 video

Post by boogily » Fri Nov 11, 2011 5:17 pm

The issue is with Joomla's core SEF. Heres the steps to recreate. (Tried on 2 separate sites)

1. create a site with 1.7.2
2. create a custom HTML module and place your HTML5 video in there. Note, if using JCE, if you place the whole URL http included, it shortens the path to a relative path (which might be causing the error)

Code: Select all

<video controls="controls" poster="video/yourvideoposter.jpg" width="554" height="313">
    <source src="video/yourvideo.mp4" type="video/mp4" />
    <source src="video/yourvideo.webm" type="video/webm" />
    <source src="video/yourvideo.ogv" type="video/ogg" />
    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="554" height="313">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowFullScreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fwww.yourdomain.com%2Fvideo%2Fyourvideoposter.jpg',{'url':'http%3A%2F%2Fwww.yourdomain.com%2Fvideo%2Fyourvideo.mp4','autoPlay':false}]}" /><img title="No video playback capabilities, please download the video below" src="http://www.yourdomain.comvideo/yourvideoposter.jpg" alt="Your alt" width="554" height="313" />
    </object>
</video>
3.The poster doesn't show in Chrome, FF8 (mp4).
4. Turn off SEF URLs
5. Check again, the poster shows.

I would guess that a full http url will fix this issue... I'll respond later.

Also, I apologize if I sounded grumpy or short. I had a 19.5 hour marathon where it seemed everything was breaking down. Thanks for the reply
http://www.happydogwebproductions.com
"Minneapolis and St Paul web design and development"

User avatar
kenmcd
Joomla! Champion
Joomla! Champion
Posts: 5672
Joined: Thu Aug 18, 2005 2:09 am
Location: California
Contact:

Re: Joomla core SEF strips poster from HTML5 video

Post by kenmcd » Fri Nov 11, 2011 7:13 pm

boogily wrote:. . .
Also, I apologize if I sounded grumpy or short. I had a 19.5 hour marathon where it seemed everything was breaking down.
. . .
Been there. :)


I see a few issues right off the bat.

First, don't use the core Custom HTML module for any media embeds - it will eat your code.
Use one of the 3rd-party will-not-eat-your-code modules.
That eliminates a lot of problems caused by broken media embed code.

Next, don't use relative links for media files, or players (SWFs), or poster images.
At a minimum use domain absolute links (start with / character and go from domain root).
Best is to use full URLs.
This avoids the issues with not finding the media files.
Most common problem is the player SWF cannot find the media or the preview image as it looks for links relative to where it is embedded.

Next, Joomla core SEF and the 3rd-party SEF extensions will not affect a full URL.
That avoids that issue entirely.

Next, the Flowplayer fallback code looks broken.
The first playlist item is the splash poster, but it appears to be missing the url: part of the code, etc.
And some characters do need to be URL-encoded in the flashvars, but those are not the ones.
I would be surprised if any of those links will work (the player SWF has to read those links).
Does the Flowplayer work at all in any browser?
Test your Flowplayer fallback code alone to be sure it works.
I don't think it will work properly in its present state.


Depending on which version of Chrome, it could be using the HTML5 video tag, built-in Flash Player, or the Flash Player plug-in for the MP4 file playback.
Dunno.
I do not use Chrome and do not want it on my system so I cannot test.

Firefox does not support MP4 in the HTML5 <video> tag so it is going to be using the Flash fallback if the other formats are missing.
As I mentioned above, I do not think that Flowplayer code will work.
But based on the embed code above it should be playing the OGV or WEBM file anyway.
It should only use the Flash fallback if it cannot find either of those.

I would expect the HTML5 poster image to show properly in both Chrome and Firefox.
Works for me in Firefox 3.6, FF7, IE9, Opera 11.52, Safari 5.

Without seeing the actual page, my guess is the issue is a combination of broken code and relative links.
Otherwise the core SEF should have no effect on any of it.
I can only guess what is happening without observing directly.
Post a link to the page if you would like me to take a look.

.
██ LibreTraining


Locked

Return to “General Questions/New to Joomla! 2.5”