Copyright © 2012 Kaltura Inc.
All Rights Reserved. Designated trademarks and brands are the property of their respective owners.
Use of this web site constitutes acceptance of the Terms of Use and Privacy Policy.
EduVideo.org
How to force HTML5 library to re-parse the page looking for object tags to replace with HTML5 tag for mobile devices
Sat, 09/01/2012 - 00:09
I have an AJAX site that I need to get working on mobile devices. I include the following script in the head, but that only parses the page on page load; if I add an object tag to the DOM via AJAX at an arbitrary time that object tag doesn't get replaced with the HTML5 player.
http://www.kaltura.com/p/269692/sp/26969200/embedIframeJs/uiconf_id/4112542/partner_id/269692
I've tried to read the contents of the above URL looking for the trigger I can call manually but I didn't see anything jump out at me as "call this to re-parse the DOM."
Q: How can I cause the Kaltura.com library to re-parse the page after I draw in my video so it can replace the object tag with the HTML5 video tag?
A simple stand-alone example page is here:
http://72.3.209.148/wade/devel/ajax-video-fall-forward-test.html
Thank you for taking the time to look at my question!
Tue, 09/04/2012 - 19:41
#2
What if I need the flash-mode object tag to have the param wmode="opaque" when using the kWidget.embed call. Is there a params object I can insert somewhere in the instantiation?
edit: I experimented and it appears that if you add in 'params' : { 'wmode' : 'opaque' } into the settings you pass kWidget.embed it shows up as a param within the object tag. Answered my own question and hopefully other people's question as well.
Wed, 09/05/2012 - 00:00
#3
yep.. you can add any known flash param that way :) thanks for updating the thread
Thu, 09/06/2012 - 20:26
#4
Hi again Michael,
So it looks like the javascript draws in the flash player just fine using kWidget.embed, but on iOS the HTML5 player doesn't draw in for me. Could you please tell me what I am doing wrong, perhaps using my test page?
http://72.3.209.148/wade/devel/ajax-video-fall-forward-test.html
or
http://goo.gl/J9857 (easier to type into an ipad)
Thank you so much!
Thu, 09/06/2012 - 20:57
#5
I am getting a syntax error on that page . "Uncaught SyntaxError: Unexpected token < " When using desktop chrome.
Fri, 09/07/2012 - 22:35
#6
Sorry about that. I wasn't seeing that in Firefox.
I've cleaned up that bit of code but still no HTML5 video for me on iOS.
Edit: Actually, I am wrong. It's working for me now in my iPhone. It looks like it was just that syntax error that was causing the problem. Sorry for the pestering, and thank you for all the help in getting this working!
Tue, 09/04/2012 - 17:58
#7
Wow, that's almost exactly what I was looking for - thank you! I can make that work with some re-writing of my site.
For future readers, this isn't a re-crawl of the page DOM, but is instead a better way of drawing the player into the page initially.
Thanks again Michael!
did you take a look at kWidget.embed:
http://html5video.org/wiki/Kaltura_HTML5_Configuration#Dynamically_embed...