HTML5 Library 1.6.1 Video Not Playing with Access Control in iPhone, iPad or FF/Safari

No replies

Fri, 12/23/2011 - 22:20

purealtar

Joined: 09/27/2011

Points: 9

I am running Kaltura CE4.0 with the html5 version set to 1.6.1

i have access controls turned on for the following page:

http://kitecartel.com/preview/coming-together

1. in chrome and ie9 this works fine with the access controls set to allow from this domain.
2. in FF i get "media not found" with the flash player enabled and "No source video was found" with flash disabled.
3. with the iPhone i don't get any video.

This was not the case with the v1.3.3 version of the HTML5 library set in my kConf.php file. But none of the access controls would render with that version. I would always get the error message in HTML5, but never with the flash player.

i am not using the embed code provided by the system. i am using:

        <div class="video_display_module">

            <div id="video_unit">

                <video durationHint="0:0" controls poster="http://eventurescdn.com/p/<?php echo $partner_id; ?>/sp/10000/thumbnail/entry_id/<?php echo $entry_id; ?>/width/480/height/320/bgcolor/000000/type/2" width="480" height="320">

                <source id="source1" type="video/h264" src="http://eventurescdn.com/p/<?php echo $partner_id; ?>/sp/4421540/playManifest/entryId/<?php echo $entry_id; ?>/flavorId/<?php echo $flavor_id; ?>/format/url/protocol/http/a.mp4" data-flavorid="iPad" ></source>

                <source id="source2" type="video/h264" src="http://eventurescdn.com/p/<?php echo $partner_id; ?>/sp/4421540/playManifest/entryId/<?php echo $entry_id; ?>/flavorId/<?php echo $flavor_id; ?>/format/url/protocol/http/a.mp4" data-flavorid="iPhone" ></source>

                </video>

            </div>

            <div id="video_unit_logo"><a href="http://kitecartel.com"><img src="http://kitecartel.com/wp-content/uploads/2011/09/watermark.png" title="Kite Cartel" alt="Kite Cartel Logo" width="80" height="62"/></a></div>

        </div>

I cannot figure out what it is that I'm missing.
I do use the http://html5.kaltura.org/js linked resource and i configure it:

<script type='text/javascript'>

                mw.setConfig( 'Kaltura.ServiceUrl' , 'http://eventurescdn.com' );

                mw.setConfig( 'Kaltura.CdnUrl' , 'http://eventurescdn.com' );

                mw.setConfig('Kaltura.ServiceBase', '/api_v3/index.php?service=');

                mw.setConfig('Kaltura.AllowRemoteService', true );

                mw.setConfig('EmbedPlayer.EnableOptionsMenu', false );

                mw.setConfig('EmbedPlayer.AttributionButton', false);

</script>

My question is:

what do i need to do to truly implement the 1.6.1 version of the html5 library? do i need to self host the linked resource and not http://html5.kaltura.org/js? why does it work in chrome and ie but not on the iPhone? is there any configuration with the HTML5 library in CE4.0 that i may be missing? any help is appreciated.