Was das Internet eigentlich bedeutet ?! Das Internet bedeutet Wissen. Möchten Sie auch Teil dieses globalen Wissens werden ?

 

Lab5 Mobile Videos - Player Module supporting Mobile Devices, Flash and HTML5 no-Flash Browsers

Mod Lab5 Mobile Videos - Design

Lab5 - Webdesign Schweiz
joomla 1.5 joomla 1.6 joomla 1.7 joomla 2.5 joomla 3.0

Lab5 Mobile Videos - Player Module for Mobile Devices, Flash enabled and HTML5 no-Flash Browsers in particular.

Mod Lab5 Mobile Videos - Module Manager Mod Lab5 Mobile Videos - Edit - Manual and Help Mod Lab5 Mobile Videos - Edit - Player
Mod Lab5 Mobile Videos - Edit - Playlist Mod Lab5 Mobile Videos - Edit - HTML-Pretest and HTML Posttext Mod Lab5 Mobile Videos - Edit - Compatibility

Please rate the module on JED (Joomla! Extensions Directory) : >> rate here <<

This module is supposed to bridge the following gaps :


Video format
Browser  Ogg Theora H.264 WebM / VP8
Firefox Supported Not supported Supported
Chrome Supported Not supported Supported
Opera Supported Not supported Supported
IE 7/8 no support no support no support
IE 9 Not supported Supported If user installs codec
Safari Not supported Supported Not supported
iPhone / iPad Not supported Supported Not supported

Some interesting links about this topic :

http://www.quirksmode.org/html5/tests/video.html
http://robertnyman.com/html5/
http://dat-berger.de/index.php/moblog/...

 

Usage:

The complete manual can actually be found in the backend of the module.
But here some shortcuts:
For every myvideo.m4v/.mp4 you enter into the playlist in the backend, you can also lay a myvideo.ogg/.ogv , myvideo.webm, myvideo.3gp onto the server. If the client-environment ( e.g. browser, phone, ... ) doesn't support the m4v / mp4, the module will fallback and try to deliver next format, till it founds one that fits or all are tested throu. So, the more of those formats of the same video you upload, the more client-compatibility you will provide to your users.

Lab5 Module Mobile Videos - Files Server vs. Module Backend

Known Issues & Fixes

Reported troubles & fixes:

  • Videos don't play on iPhone -> file(size) too large for the iPhone
  • Playlist doesn't scroll : Most probably jQuery or jQueryTools conflict. Go to the "Compatibility Settings" in the module's backend and play with the switches : Try first to turn jQuery off. Check if works now. If no -> switch jQueryTools off. Check back again. If no -> jQuery on but jQueryTools off. One of those 3 configurations should solve the problem in most cases.

 

Background:

So the tricky thing is -like so often - do give everyone what it can actually chew and swallow. What is not mentioned in the table is one decisive critical information : whereever you have flash, you also have H.264 support ! So since Flash is quite probably available on a normal computer , H.264 ( -> .mp4/.mpv ) occupying pretty much all browsers on desktops, plus is also natively supported by a fair share of mobile devices, plus comes with thirdparty-browsers onto mobile devices later on some times, plus even if the client-device does not support Flash you still have an 50 / 50 percent chance to be able to play it, H.264( -> .mp4/.mpv ) is for sure the best format to rely on so far. This is why this module expects .m4v/.mp4 sources primality. The shares on native codec support by different browsers ( on mobile device's same as on desktop-browsers ) seem to be quite equally shared for the 3 major codecs. Now it's to say that native video-codec support comes to effect for instance when accessed throu HTML5, or by directly accessing a file that is supported. According to that logic and the probabilies for support of the codecs n question, the module works with fallbacks from the most probable working solution to the less, thet is from flash to HTML5 to just opening the vid ( if no HTML5 ). Luckily HTML5's video tag itself has a fallbackmechanism for videosources, so in HTML5 it's really a charm to offer a browser resources in different formats for a video. This is why you can ( and should ) upload parallel formats of your videos, most importantly OGG Theora ( .ogg/.ogv ) so far, but I cold imagine, Google's relatively new codec WebM might soon leave ogg behind, due to Googles influence on the market, but but that ofc is nothing but speculative thinking of mine...

Well whatsoever ... have fun with the extension ;)

Hope, anyone likes it or at least can make use of it...

Cheers.

 

Survey:

What would u be willing to pay for Youtube -support functionality in "Lab5 Mobile Videos" module ?








Ergebnis

 

 

Kommentare  

 
0 #25 Carlotta Silvestrini 2013-04-12 08:18
Hi!
Thank you for this wonderful module.
I have 2 problems:
1) No scrolling also trying with your suggestions
2) Videos open in a new page and not in the player! This is terrible!!!!
Zitieren
 
 
0 #24 Winchester Lyon 2013-03-19 23:04
Hi.. I love the simplicity of this player. No more trying to figure out how to create a playlist like other players.

I have a question though. How do you get the player to play through the playlist. It stops after each one. I really want to set it to not play on pageload. But when the play button is click, I'd like it to play all the videos right after eachother.

How can I do this? Any help would be appreciated. Thanks in advanced.
Zitieren
 
 
0 #23 Kuba John 2013-03-16 23:19
Hello, excellent job :) But, please, is possible to play the playlist in random order. I mean each time you load you page another video from the playlist is played ?
Thanks
Kuba
Zitieren
 
 
+1 #22 Bic Hauser 2013-01-23 19:08
I have joomla and your module installed in folder on /website/training/

The player is expecting to find play button at root:

/modules/mod_lab5_mobile_videos/assets/img/player/btn/play_text_large.png

It should be looking here:
/training/modules/mod_lab5_mobile_videos/assets/img/player/btn/play_text_large.png

Splash will not work either.

Are links relative? Why won't this work?

Love the player

http://pennglobal.biz/training/

Thanks
Zitieren
 
 
0 #21 Lab5 2012-12-15 09:28
zitiere dave:
- Is it possible to make direct link (url) to selected movie ... it ... starts from the same first movie.
Not yet, but i'll consider implementing that.
zitiere dave:
- Is it possible to load different playlists to different articles? Now I can only load the same playlist to every article...
What u mean ? U saying, the module overrides the playlist, if u set diffenrent instances ( with different playlists ) of the module on the same page ?
Zitieren
 
 
0 #20 Lab5 2012-12-15 09:22
zitiere Walter:
Hi,
great job, I would have only one question to be submitted:
you can put an image type cover when the player is not in autostart?
Sure ! That's exactly what the "splashscreen" option is for ! ;)
Zitieren
 
 
-1 #19 dave 2012-12-04 17:07
Hello. I have two questions:
- Is it possible to make direct link (url) to selected movie from the player playlist? Eg: I have 6 movies in the playlist, but i want to play different movies in different articles. Now it always starts from the same first movie.
- Is it possible to load different playlists to different articles? Now I can only load the same playlist to every article...
Zitieren
 
 
+1 #18 Andrea 2012-09-26 17:43
200$ ?!?! :eek: I think I can store the highlights also on my site for a long time! :-) Thank you for immediate response!
Zitieren
 
 
0 #17 Lab5 2012-09-26 13:58
@Andrea

Unfortunately, the jQuery-plugin for Youtube for the Flowplayer costs 200$ afaik. U can find it at Flowplayer's. The reason i didnt implement that so far is, becourse i expect hardly anyone to have the plugin.

But i'm thinking about writing one myself if i see there's enough demand for that.

cheers.
Zitieren
 
 
0 #16 Lab5 2012-09-26 13:56
@tadd

{loadposition lab5Video}

1. You need the "Content - Load Module" Plugin to be installed ( standart ) and published

2.You need an published module on that position ( see modulemanager ).
Zitieren
 
 
0 #15 Andrea 2012-09-26 10:30
Your module is really what I've searched for a long time for my video highlights (I admin a basketball team site)! Good work! The only problem is that I'm intentioned to move all videos in YouTube, avoiding to store them also in my site .. if I intended well, this module doesn't work yet with videos in YouTube .. any plan about this? TIA, Andrea.
Zitieren
 
 
0 #14 tadd 2012-09-12 09:20
Hi,

I appreciate I may be having a bad day but I cannot get the module to work... I am trying to load it into an article using "loadposition" but all I get is "{loadposition lab5Video} as text in the article..

Is this how you implement it?

Thanks for your help
Zitieren
 
 
0 #13 paul 2012-03-21 17:44
that's done the job Lab5 - plays perfectly now.

10 out of 10 for service.

Thanks a million

Paul
Zitieren
 
 
0 #12 Lab5 2012-03-21 14:42
@Paul &
@Dennis

Problem is solved now.
The Flash's z-index isn't targetable until a wmode-param is being set explicitly. AFAIK it's a Flash-bug since version 9. I added wmode now and that solves it.

Pls install the latest version and enjoy ;)
Zitieren
 
 
0 #11 Paul 2012-03-21 14:36
hi

firstly, many thanks for the excllent mobile videos module for joomla. It beats most of the paid extensions hands down.

I do have a small problem though in some browsers (IE9, Chrome, and Safari), where the dropdown menus disappear behind the movie when it is playing.
Zitieren
 
 
0 #10 Dennis 2012-03-20 04:23
Hi Lab5,

now I find another issue, that the video is above the dropdown menu, i saw in the code there is missing:
.
It is a bug? or I forgot to setting something?

Cheers
Zitieren
 
 
0 #9 Dennis 2012-03-16 03:25
Hi Lab5,

Thank your for your amazing html5 video player. It works on every device I test. I try to put it in Ja_Elastica which is a new 2.5 tempalte and its inside modules will auto move. But when I enable Lab5 module, modules not moving any more. I guess is that some js or jquery in Lab5 module are incompatible with this tempalte. Can you help find the reason? :lol:

----- Edit by Lab5 : ------
Pls provide link to investigate.
It would have made sense if you had provided a valid e-mail and/or a link to the site so iI could have a look at. But without both: how do you expect me to help you ?!

Actually its approx. 99% probable simply conflicting jQuery libs, and deactivation one of them should solve the problem. My module should not conflict since i wrote it with havin in mind, that there might be other jQuery libraries included in defferent installations, but ofc i cannot influence how others script their extensions or templates.
For this reason I built in an option to deactivete the jQuery of the module.

Actually that is described in comments below AS WELL as in the section "Known Issues & Fixes" above ... :-|
Zitieren
 
 
+1 #8 Lab5 2012-03-10 17:56
zitiere pol:
Can u play videos on the blackberry with this extension?

Yes, as long as it's not a really old one...
Zitieren
 
 
+2 #7 palos 2012-03-06 13:46
HI,
I cannot play youtube videos even by the pure or the embedded code, e.g.:
- 2vSrosMBjoo (as flowplayer does)
- http://www.youtube.com/watch?v=2vSrosMBjoo;
- http://www.youtube.com/embed/2vSrosMBjoo;
Please show me the way how to make it play youtube!
Thank you!

----- Edit by Lab5 : ------
Yes I Know. As far as i understood it so far, Flowplayer / Youtube expects some extra-api inbetween. I found it on flowplayers' but its NOT for free, therefore i cannot integrate it into this opensource project :(
But I already have another solution in mind which I will sooner or later realize.

Since you are subscribed here in the commentssection , you will automatically get informed ;-)
Zitieren
 
 
+1 #6 pol 2012-03-06 06:38
Can u play videos on the blackberry with this extension?
Zitieren
 
 
+1 #5 Lab5 2012-02-23 23:56
Okay, I just updated it once again.

I most cases when you experience any problems with jQuery - such as : the playlist not scrolling or any kind of conflicts - you will first try de-activating the module's jQuery by making use of the option "Script: jQuery?" and switch it to "not included" ( Dont' forget to empty the Joomla's cache when done so ).

You will also see a separate "off jQueryTOOLs". You can use this option if your site has jQueryTOOLs already included. Or try it if the above version doesn't help and/or you have no clue whether jQueryTOOLs is included.
Zitieren
 
 
+1 #4 Georgina 2012-02-22 20:47
Hi there - installed module last week, was great except the JQuery interfered with my other modules. So I deleted it and downloaded the updated module and now I can't install it at all, error message reads "JInstaller::in stall: File '/home/...hoste rs.com/GBR/tmp/ install_4f45532 fab4fe/scripts/ jquery.js' does not exist."

Hope you can help really want this module to work beause it looks do good!
Zitieren
 
 
+1 #3 Garth 2012-02-19 20:19
I installed Mobile Videos into a Joomla1.5.25 website. I love it - works great. I can get the playlist slider to work in the link noted above, but, I cannot within an article. What am I missing??


----- Edit by Lab5 : ------

Hi there.
First please try the latest version. Some JS has changed and might solve your issue.

1.Update:
Normal case: reinstall the module.
Alternatively, if you already have a lot of settings made, i recomend to NOT use the installer in this certain case, but rather un-zip the new version's package and then manualy overwrite the modues files on the server ( found in /modules/mod_la b5_mobile_video s/ ).

2.Clean cache:
The next step is also important : clean the modules cache. For this, in the backend goto
"Tools" -> "Clean Cache" -> mark them all and press "Delete". After that reload the (front)page and check back about wether the probs have now gone.
Zitieren
 
 
+2 #2 Garth 2012-02-19 18:54
I downloaded and installed Mobile Videos into Joomla!1.5.25. No failure and no problems. The Array thing is exactly as you described. I can attached video and I used the converter you recommended... excellent! However, when I placed the module into an article (using loadposition) everything seems to work except for the playlist arrow keys. I can display all the thumbnails, but, with more then fit into the playlist box I cannot slide through the list. I'm using template JAPurity. If I place your module into the layout position "user3", everything works!!! As you can tell I'm not a programmer, so I assumen it must be some CSS or PHP thing. Where do I look? What am I missing??

----- Edit by Lab5 : ------

Hi. Please update the module. Then try unsing the option to turn the module's jQuery off.
Zitieren
 
 
+1 #1 natch 2012-02-11 12:12
i need it
Zitieren
 

Kommentar schreiben


Sicherheitscode
Aktualisieren

Latest Releases online

Ment AG Shop + S...

Posted in Referenzen Web
6/06/12
MENT AG - Website + Onlineshop. Komplett-Redesign und Neukonzeptionierung des Internetauftritts. Webshop live Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS

Hotel Spalentor ...

Posted in Referenzen Web
11/06/12
Redesign und Neukonzeptionierung der Website Hotel Spalentor. upcoming this month Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS

FASaC Invest AG

Posted in Referenzen Web
1/06/12
Erstauftritt der Firma FASaC Invest AG Anlageberatung und Vermögensverwaltung. fasac.ch Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS

Lab5 Mobile Vide...

Posted in Referenzen Web
14/03/12
Lab5 Mobile Videos - Player Module for Mobile Devices, Flash enabled and HTML5 no-Flash Browsers in particular. Lab5 Mobile Videos - Project Page Konzept, Design, Umsetzung/Programmierung PHP, ActionScript, HTML, JS/jQuery, CSS

Facebook App - S...

Posted in Referenzen Web
4/08/11
Booking-Interface als App für Facebook, realisiert für das Hotel Spalentor Basel. SpalenBooking live auf Facebook Konzept, Design, Umsetzung/Programmierung PHP, mySQL, HTML, JS/jQuery, CSS

Martin Feigenwin...

Posted in Referenzen Web
24/06/11
Website für den 2-maligen schweizer Olympiateilnehmer und Personalcoach Mertin Feigenwinter. CMS-basierte Site. feigenwinter.ch Grafisches Konzept, technische Umsetzung und Realisierung PHP, XML, mySQL, HTML, JS/jQuery, CSS, RSS

DayDeals.ch

Posted in Referenzen Web
22/06/11
Volldynamisches DealPortal. Sammelt Daten über tagesaktuelle Angebote live aus dem Netz, verarbeitet und bereitet diese auf und bietet dem Besucher eine praktische Übersicht über die aktuellen Angebote. daydeals.ch Softwarekonzept, technische Umsetung und Programmierung PHP, XML,...

Hotel Senator 20...

Posted in Referenzen Web
8/02/11
Content-Management-System (Joomla!-CMS) -basierte Site, Bookinginterface für Zimmer- und Tischreservation. Wegen Inhaberübernahme des Hotels leider schon wieder offline, da in Site der Hotelkette integriert. senator.ch Grafisches Konzept, Projektleitung, technische...

Produkt-Präsent...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

lifestyle-photog...

Posted in Referenzen Web
23/06/10
Website für eine Fotografin lifestylephotography.de Von A - Z ( Konzept bis fertig ) PHP, AS/Flash, HTML, IM, XML

rodi Jeans Onlin...

Posted in Referenzen Web
23/06/10
Onlineshop rodijeans.ch Ideen, technische Lösung und Umsetzung PHP, HTML, JS, CSS, mySQL, AS/Flash, IM, XML, RSS

Loftresraurant

Posted in Referenzen Web
22/06/10
Website für das moderne Basler Loftrestaurant. loftrestaurant.ch Grafisches Konzept, Projektleitung, technische Umsetzung. PHP, HTML, JS, CSS

Elektro Sahli Ri...

Posted in Referenzen Web
23/06/10
Redesign und Komplettüberarbeitung des Internetauftritts elektrosahli.ch Konzept, Design, Programmierung PHP, HTML, CSS, AS/Flash, JS

Coiffeur Headqua...

Posted in Referenzen Web
10/07/10
Internetauftritt für Coiffeur Headquarters in Basel headquarters.ch Design, Konzept, Logo, Flash AS/Flash, HTML, PHP

Garage Jovi

Posted in Referenzen Web
10/07/10
Webseite garagejovi.ch Von A bis Z ( Konzept, Design, Umsetzung ) PHP, HTML, CSS, AS/Flash

Marbot Catering

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Via Backend verwaltbar. marbotcatering.ch Konzept bis Umsetzung AS/Flash, PHP, XML, mySQL, HTML, CSS, RSS

Chill Am Rhy Bas...

Posted in Referenzen Web
10/07/10
Speziell: Dynamische Konzeption. Administrator-Interface erlaubt schnelle Verwaltung der Event-Gallerie und der 'News'-Inhalte chillamrhy.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash

Braam's Café Re...

Posted in Referenzen Web
10/07/10
Speziell: Menueteil der Speisekarte wird per Administrator-Panel verwaltet. braams-restaurant.ch Idee & Konzept, Design, Programmierung PHP, mySQL, HTML, CSS, AS/Flash

Hotel Senator

Posted in Referenzen Web
10/07/10
Konzept, Design, Umsetzung. Beinhaltet umfassendes Admin-Backend senator.ch Konzept, Design, Umsetzung AS/Flash, PHP, XML, mySQL, HTML, IM, CSS, RSS

Marc Rembold

Posted in Referenzen Web
10/07/10
Webseite des Kunstschaffenden Marc Rembold. Eine reine Flashsite marcrembold.com Ideen, Programmierung, technische Lösung und Umsetzung AS/Flash, XML, PHP, HTML

Produkt-Präsent...

Posted in Referenzen Web
23/06/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

Caffe Barone

Posted in Referenzen Web
23/06/10
Caffe Barone. Hersteller baselbieter Fein-Kaffe-Mischungen und Guezle. Erster Webauftritt. caffe-barone.ch Idee & Konzept, Design, Programmierung PHP, AS/Flash, XML, HTML

Video Salva

Posted in Referenzen Web
10/07/10
Website für einen Filmschaffenden video-salva.ch Von A - Z ( Konzept bis Umsetzung ) PHP, AS/Flash, HTML, XML

Produkt-Präsent...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

Interaktive Prod...

Posted in Referenzen Web
10/07/10
Produkt-Präsentation, online und offline. Nur für authorisierte Nutzergruppe zugänglich. Software-Architektur und Umsetzung. Design, Programmierung AS/Flash, mySQL, PHP

MyGundeli.ch

Posted in Referenzen Web
10/07/10
Portalseite für das Quartier Qundeldingen Basel. Hobbyprojekt.Nutzer-Registrierung und Verwaltung von Inseraten, Agenda etc. Kontrolle via Adminpanel: Benachrichtigungen, Authoring von Einträgen. Freigaben auch per E-Mail. mygundeli.ch Idee & Konzept, Design,...

Cea Music (offli...

Posted in Referenzen Web
17/07/10
Trendgerichtet, verspielt, für Auge und Ohr. Speziell: Track-Player. Idee & Konzept, Design, Logo, Programmierung, Sounds (d. Funktionen) PHP, HTML, CSS, AS/Flash