[KoryKeymaster]

Hey guys,

Thanks for writing in and we’re sorry to hear that you seem to be experiencing some problems. After looking into this situation a little further, I’ve been able to ascertain the source of the issue with this particular situation.

Unfortunately, adding and managing media on websites is not something that has ever been an easy task. As web technologies improve, the prospects of this getting simpler are very hopeful, but especially with things like audio and video it is still a bit tricky. Specifically, different browsers support different encodings for these types of media (e.g. mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), et cetera). If you want truly native browser support, you will need to provide at least an mp4 and ogg format of your video so that all browsers can stream your content (this is why we provide the option to supply both of these formats in the post meta information as well as our shortcodes). However, for very understandable reasons most people don’t want to take the time to have to render and deal with multiple file formats. Because of this, the script that we use to handle media like this has a Flash fallback when a native browser format is not detected. This fallback allows for truly comprehensive browser reach without the need to always supply the correct format.

Investigating this a bit further, I discovered that the source of this error is a minor typographical one that was keeping the Flash object from being loaded correctly on browsers that would need it (i.e. the native media type is not given). I have gone ahead and patched this up and it will be available as a fix in the next release, but if you would like to go ahead and implement these changes now, simply follow these steps. First, open the shortcodes.php file in the X – Shortcodes plugin (located in the /framework/ directory) and alter lines 829 and 1412 to the following:

. "swfPath: '" . get_template_directory_uri() . "/framework/js/src/site/vendor/jplayer',"

Next, open up the featured.php file in X (located in the /framework/functions/global/ directory) and alter lines 152 and 257 to the following:

swfPath: '<?php echo get_template_directory_uri(); ?>/framework/js/src/site/vendor/jplayer',

These two lines of code look similar and ultimately achieve the same results, but make sure you use the appropriate snippet where instructed as their syntax is slightly different and will need to be used in the correct location for everything to take effect.

Thanks!

[micknaParticipant]

Hi “Support”,

thank you! This fix works like a charm!!!!
I really appreciate this!

Have a wonderful day,
Michael

[KoryKeymaster]

Glad to know everything is in order now, Michael. 🙂 Have a great day!

[Rich AParticipant]

To clarify, if there is already an .ogv (not just an .mp4) video file available via the web page in question, we would not need to worry about updating the website’s files with the code listed above is that correct?

TIA!

[Rich AParticipant]

Forgot to ask, does this have an impact if the video(s) are hosted via Amazon S3/CloudFront?

Thanks again.

[RadModerator]

Hi Rich,

Yes you don’t have to worry, in fact it should fix this issue. And it has no impact at your existing videos, it will just change a little coding at your template file.

Thanks!

[Rich AParticipant]

Thanks very much!

[RadModerator]

You’re so welcome Rich!

[Rich AParticipant]

Hi Again! I ended up with a single video on two pages (same video) that refuses to play back in OS X Firefox even after updating the four lines in the two files above. It plays fine in every other browser including Windows Firefox so I’m not sure what else to do. Ideas?

BTW, all of the videos on the site are delivered via AWS S3/CloudFront. All of them except the one in question play normally in all browsers including OS X FF…it’s just the one that’s problematic (in OS X FF).

Another oddity is that if I include the .ogv file in the X-Shortcode, the video won’t play in any browser (black screen with playback controls). Removing the ogv=”myvideolink.ogv” line resolves this. ???

I’ll include a link and the login info below.

BTW, for anyone that follows the shortcodes.php file (referenced earlier) path is actually:

…/wp-content/themes/x/framework/plugins/functions/shortcodes.php

[Rich AParticipant]

This reply has been marked as private.

[Rich AParticipant]

UPDATE: After clearing all of the caches the video I mentioned is now playing back on both pages BUT unfortunately the playback controls do not disappear after it starts playing even after moving the cursor away, clicking outside of the video, etc. (This is only happening with OS X FF)

It’s similar to the same issue I’m having with it on mobile devices. I posted a support request for that in another thread:

http://theme.co/x/member/forums/topic/mobile-playback-controls-wont-disappear/

Any advice would truly be appreciated.

TIA and best wishes!

[RadModerator]

Hi Rich,

Great to hear that it’s playing now again 🙂

The control hides when playing on my end, which I think is working.

Screen recording : https://cloudup.com/cSeqTnxATE2

For mobile, the control will be shown by default. As mobile does not have hover event just likie desktop with mouse. But yes, it should be hidden or re-position so it wont cover the video.

Added this as feature enhancement/bug request.

Would you mind giving more detail about your desktop test? It works fine on my end.

Thanks!

[Rich AParticipant]

Thanks very much for having a look! I couldn’t tell, did you view it using

OS X Firefox

to make the your recording? I ask because the playback control disappears with every browser except OS X Firefox…in which case the playback control remains onscreen no matter what. I’ve replicated it on several different computers now. Short screencast here:

http://www.screencast.com/t/K5Tj7x7vM16g

All of the rest of the videos on the site work fine in mobile. Once the video starts, tapping anywhere else on the screen causes the playback control to disappear…again, except for this particular video. Strange.

The video is embedded on the home page as well as that sample page. The same issue occurs on both pages…but again, not with any of the other videos that are embedded on portfolio pages and only with OS X Firefox.

So any additional advice would be appreciated. Thank you so much for all of your help!

Cheers,

Rich

[RadModerator]

Hi Rich,

Yes, tested with firefox ( Win 7 Firefox 30 ). I re-checked it with OS X Firefox 30, and it won’t work at all. Errors were originating from minified javascript/css. Would you mind disabling them for a moment while we’re testing 🙂

Then after that, please post a screenshot of your firefox debugger’s console.

OS X firefox also ignore some css rules which shouldn’t be.

Thanks!

[Rich AParticipant]

Hi. The minification is being done by W3 Total Cache so I disabled it.

FWIW as you saw, the video was playing okay on three of my Macs using OS X Firefox 30…but the playback controls would not disappear – before or after disabling W3 Total Cache.

There were no warnings or errors in the FF debugger console. Here’s a screencast of all of the scripts…

http://www.screencast.com/t/JobHotu2QY

Hope that helps and thank you very much for your support!

[Author]

Posts