Playing with different video player in dolphin.

I have been toying around with replacing the player in dolphin and need some testers.

I do not own any mobile devices. My budget does not allow it. So i have placed two videos online on my site.

One is a screen recording i did myself as a tutorial. Small size and the other is the 720p Buck Bunny Video. Large video.

Both load within the Video JS player.

Could people with mobile devices test these please.

http://www.deanbassett.com/m/videos/view/big-buck-bunny-720p-h264
http://www.deanbassett.com/m/videos/view/Boonex-Market-Search

 I tried this video via Andriod phone and got 'sorry this video can not be played' although your site / page did load great.

I will have a look using few other devices I have ...

I like the player ... looks good at your site :)

Mac OS X (no Flash installed except for Chrome which has built-in)

Safari - Failed

Chrome - Failed

Firefox - Successed

iOS

Safari - Failed

Chrome - Failed

What I notice is that only Safari has this weird 4 seconds loops.

I tested jsplayer's site.... failed!

May I suggest to try SublimeVideo.

Mini ipad: 

Safari = failed

Chrome = failed 

Samsung Galaxy 3 phone:

Chrome = failed 

For both links. 

I'll post back later. Going to re-encode videos. Then we can try again.

A few years back, the late Mrpowless did a mod that replaced the default boonex flash player with jwplayer.  It worked fine for playing videos, but the mod broke the video recording function using your webcam, because at the time the same flash player was used for both purposes. 

I haven't paid much attention to any changes that have been made in that regard.  Does your replacement player have any effect on video recording?

i will try with my gallaxy after deano posts again . (andriod jellybean)

 Yeah I did the jwplayer switch on Viptopia, and it worked great, minus the loss of record feature of course.

i recreated the video block - try this url and see if it works:

https://mytherapysession.com/m/resources/view/Well-Done-2013-12-29

Mini ipad: 

Safari = success 

Chrome = success 

Samsung Galaxy 3 phone:

Chrome = success  

I am not exactly sure what the issue is for others, but for me I noticed that the get_file.php and get_mobile.php files were not functioning properly. So, I just redid the video player without using those 2 files. So, basically, I added a new block to the page to show the video. On xxxxxxxxView.php:

    function getBlockCode_NewVideo()
    {
        return array($this->_oTemplate->blockNewVideo ($this->aDataEntry));
    }

then, on xxxxxxxxTemplate.php:

function blockNewVideo (&$aDataEntry)
    {
        $qVideo = (int)$GLOBALS['MySQL']->getOne("SELECT `media_id` FROM `cf_resources_videos` WHERE `entry_id` = " . $aDataEntry['id']);
       
$aVideos = $GLOBALS['MySQL']->getAll("SELECT * FROM `cf_resources_videos` WHERE `entry_id` = " . $aDataEntry['id']);
    foreach ($aVideos as $k => $r) {
        $aVideos[$k]['media_id'] = bx_html_attribute ($r['media_id']);
    }
       
       
        $aVars = array (
        'bx_if:video' => array (
                'condition' => ($qVideo != ''),
                'content' => array (
                    'video_id' => $qVideo,
                    'bx_repeat:videos' => $aVideos,
                ),
            ),
        );
       
       
        return $this->parseHtmlByName('block_video', $aVars);
    }

Then, created the template file:

<bx_if:video>
<video style="margin-top: 15px;" width="100%" height="180" poster="flash/modules/video/files/__video_id__.jpg" controls >
  <source src="flash/modules/video/files/__video_id__.webm" type="video/webm">
  <source src="flash/modules/video/files/__video_id__.m4v" type="video/mp4">
</video>
<div id="id1388827569_985532videos_icons" class="bx_sys_block_videos_icons">
        <bx_repeat:videos>
            <div style="" class="sys_icon bx-def-margin-sec-right bx-def-margin-sec-top"><a class="top_members_menu" onclick="return !loadDynamicBlock(511, this.href);" href="modules/mytherapysession/resources/viewVideo.php?media_id=__media_id__">
<img src="flash/modules/video/files/__media_id___small.jpg" alt="__media_id__" class="bx-def-shadow bx-def-round-corners" style="width: 64px;" title="" border="0"></a></div>      
  </bx_repeat:videos>   
       
        <div class="clear_both"></div>
       
    </div>
</bx_if:video>

and VOILA!!!

Please keep in mind, in my version, I am using designbox_0.html because I do not like the way the Title is for the Video block. I also had to tweak some css styling to get it to place properly with my template. I also had to remove the .htaccess file from the folder that houses the video files.

Ok. Test 2. Try these links again.

http://www.deanbassett.com/m/videos/view/big-buck-bunny-720p-h264
http://www.deanbassett.com/m/videos/view/Boonex-Market-Search

Mini ipad: 

Safari = success

Chrome = success

Samsung Galaxy 3 phone:

Chrome = success

For both links. 

 Both videos play good on iphone and ipad safari.  Videos do not play on IE 11

That was just a mime type problem. IE is very picky about mime types. That was a easy fix and should be working in IE11 now as well.

deanno, they load and play great on my gallaxy ! ( andriod with dolphin browser)

Mac OS X (no Flash installed except for Chrome which has built-in)

Safari - Succeed

Chrome - Failed

Firefox - Succeed

iOS (both iPad and iPhone)

Safari - Succeed

Chrome - Succeed

Ok. One more test. This is another Blender video called Sintel

This one is done by hand instead of using dolphins FFMPEG. I encode this one myself and did a direct database insert as well as manually creating the thumbnail images.

It's for quality comparison. I will upload another copy and let dolphin do the encoding so i can see the difference. Maybe tomorrow on that.

This one is also 14.8 minutes. Larger than the buck bunny video. It also cost blender 400,000 EUR (548,880 Dollars) to produce.

Details of this video.

Codec: H.264
Size: 960x408     131MB
Aspect Ratio: 2.35
Bitrate: 1240kbps
FPS: 24
Audio Bitrate: 159kps Stereo


http://www.deanbassett.com/m/videos/view/sintel

Mac OS X (no Flash installed except for Chrome which has built-in)

Safari - Succeed

Chrome - Succeed

Firefox - Succeed

iOS (both iPad and iPhone)

Safari - Succeed

Chrome - Succeed

loads quickly, plays amazing well on my gallaxy (dolphin browser)

do i smell a mod ( integration actually ) here deano ? i,m buying lol

Actually no. At least not with the Video JS player. Maybe later with the Mediaelements player which is what Video JS and many others are based on.

Problem is the Video JS players licensing does not allow for commercial use. So i would not be able to sell anything that includes it. I have to be careful when i include 3'rd party code in any of my mods. If the licensing prevents commercial use then i cannot use it in the mods i sell. Unfortunately most HTML5 players have restricted licensing.

This project is for a video tutorial section i plan to setup on my site. I need high quality and playable on as many browsers and devices as possible as it will be a subscription based members only area.

 Hi deano

Samsung Galaxy 4 phone:

Chrome = success
Opera = success

Regards

Mayki

hey does the jw player mod work on 7.1.4 scripts i got it there doesnt seem to be working   thanks

I am actually looking for an alternative player on my 7.0.9 site to accommodate mobile devices.

Is this a solution?