I'm trying to embed a video from Kaltura Video Platform in a HTML5 page.
I followed the docs at Kaltura. So far I'm able to play the video in Safari, Chrome and Internet Explorer but it fails to load in Firefox. The firebug console shows this javascript error:
ReferenceError: kWidget is not defined
The HTML5 code demostrating the issue follows (see fiddle for a live demo):
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<iframe id="iframe_-1" src="http://www.kaltura.com/p/403921/sp/40392100/embedIframeJs/uiconf_id/4438451/partner_id/403921?iframeembed=true&playerId=iframe_-1&entry_id=1_40ttmxyq" width="400" height="330" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0">
Video Platform
Video Management
Video Solutions
Video Player
</iframe>
</body>
</html>
What puzzles me is that only Firefox is complaining. Has anybody experienced the same issue? Is some sort of cross-domain issue?
Older versions of mwEmbed had a bug with the iframe embed ( 1.7.1.11 ) .
Please try upgrading to the latest stable release ( 1.8.7 ). Here is a sample test page working in firefox with that version.
Note the test page is doing something a lite different ( invocation via lightbox ), but the basic point is if you update that uiConf to 1.8.7 everything should work fine.
Related
I am using youtube iframe for embeding on my site. Currently I am in local development, but if I use iframe from youtube, it will give me the error message in console:
Loading failed for the <script> with source “https://static.doubleclick.net/instream/ad_status.js”.
I dont have any adblockers on.
After the error, the rest of the page refuses to load and work correctly. For example, I had javascript loaders at the end of the page, those did not work/load, I have since moved them to the header and now that works. I am not doing anything magical, just including the iframe youtube has on their site right into the main page.
iframe usage:
<iframe width="560" height="315" src="https://www.youtube.com/embed/#" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
Which browser did you try?
I tried with firefox and chrome with the following results:
Firefox with AdBlock Plus: Loading failed
Firefox with ABP disabled (in the extensions page of Firefox): Worked
Chrome without ABP: Worked
In my application I show a pdf embedded in my browser page in this way:
<div>
<object ng-if="vm.ShowPanel" data="{{'data:application/pdf;base64,'+ vm.URL}}"
style="width:100%; height:99%; overflow-y:hidden" type="application/pdf"></object>
</div>
This approach works perfectly in Chrome but as known not in Internet Explorer.
Is there a workaround to perform that action in IE?
I was thinking about saving the file locally and then read it in my object tag.
Could it work?
thanks
We have a website that has audio-video content in the format of .swf files.
There are thousands of active users on the website.
The problem that came up is that some of the new browsers these days do not support Flash.
Some users reported that they are trying to run these files on IE 11 on Win 7. So instead of playing that video, it starts to download itself.
We cannot ask all of our users to use Chrome or try other browsers. We also cannot convert swf files to HTML5 supported videos.
Is there any way that we can implement so that these files will play in browsers?
PS swf files are not working in IE 11 on Windows 7. But they are working on IE in Win10.
Here's an example code we are using-
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="400" height="300" id="movie" align="center">
<embed src="http://www.w3schools.com/tags/helloworld.swf" quality="high" width="400" height="300" name="movie" align="center" type="application/x-shockwave-flash" plug inspage="http://www.macromedia.com/go/getflashplayer" />
<param name="movie" value="http://www.w3schools.com/tags/helloworld.swf" />
</object>
I noticed the .swf link is from W3Schools.com... Their example page shows code to embed an SWF and for me it works fine on IE 11 using a Win 7 PC. The code is basic...
<!DOCTYPE html>
<html>
<body> <embed src="helloworld.swf"> </body>
</html>
"Some users reported that they are trying to run these files on IE 11 on Win 7. So instead of playing that video, it starts to download
itself."
It auto-downloads because it's an unknown file type to IE, so it's hoping maybe you know some program to run this filetype X if it just d/loads for you.
Internet Explorer uses Windows' own ActiveX for running web plugins. It's a Microsoft technology so likely your end-users assume that just having the Flash plugin installed in their Chromes or Firefoxes is enough. Nope. On PC there are two versions of the same plugin (one for IE only, and another version for all other browsers).
How to fix this?...
Using the IE browser itself, go to : https://get.adobe.com/flashplayer/
That page will auto-detect browser & check Flash existence (offers link to correct version for IE).
Alternatively just choose "IE (Active-X)" from the drop-down list here : https://get.adobe.com/flashplayer/otherversions/
Final note...
If these are just slides why not just export as images and just display pictures with audio in a web page (this way it would display on mobile browsers too)?
<img src="slide1.jpg" />
<audio controls src="track1.mp3" />
Just a basic example for a slide1.html. The next/back buttons would just be links to other pages like slideX.html etc.
Or even try web-searching a "powerpoint to html online converter" tool. One example is this conversion site. I've not tested but it may help you.
"These swf files are actually created from PowerPoint slides and Audio using ISpring(ispringsolutions.com/ispring-converter)."
I guess this supports advanced effects like transitions etc? So why not export as HTML5 option? Unless you feel SWF gives better content protection...
Good luck whichever way you go..
I'm trying to make an image banner using HTML5 video across multiple browsers. I have the video working in Chrome and Firefox across most operating systems, but Internet Explorer does not appear to work above IE9. The page where the banner is located does not exist in the same folder as the video files; the banner exists across many pages.
The problem that I can see is that IE9 and 10 cannot see the Flash fallback option within the Video HTML5 code and it doesn't register. I wanted to create some sort of if-else statement that would force users who are using IE9 or 10 to view the Flash version while redirecting all other browsers to the general HTML5 version. This banner works in versions below and including IE8.
I do not have access to the .htaccess file; I saw this suggested somewhere else in order to manually add the MIME type (even after I specified it within each video source line.) I looked at the console in IE9+10 to see if the MIME type was an issue, and no error came up. Right-clicking the space where the video came up also gave me HTML5 video options, but clicking Play did nothing.
If someone can help me debug the code or figure out a wa y to make it work, that would be great. Thank you!
Below is the HTML5 video code that I am using that works across Chrome, Firefox and other browsers.
<video autoplay loop>
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.mp4" type="video/mp4">
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar_Banner.ogv" type="video/ogg">
<source src="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/FlashFulmar Slideshow.webmhd.webm" type="video/webm">
<object width="954" height="224" type="application/x-shockwave-flash" data="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf">
<param name="movie" value="http://fulmar.mahopac.k12.ny.us/www/mcsd_FR/site/hosting/Fulmar%20Banner/Fulmar%20Banner.swf" />
</object>
</video>
Edit: The codec for the mp4 file is h.264 + AAC.
IE only supports a limited set of codecs for video sources
IE 9+ supports h264 with mp3/aac, vp8 and vp9 are questionable, all others it does not seem to support.
MDN doc on media browser compatibility
So you will have to provide several video sources to support each browser, but not necessarily a video for each browser as some of the browsers do overlap in their support.
Providing a video with h264 aac/mp3 should play on IE, Safari, and Chrome.
While a video with Theora or VP8 should play on Firefox and Opera
A quick and dirty solution would be to force IE to emulate an older version of the browser:
<!-- Mimic Internet Explorer 8 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
Note that these <meta tags must be put in the header before all other elements (except for the title element and other meta elements).
I have an embed tag containing youtube video.
However this does not play on mobile browsers as it says flash required.
I am using HTML and not HTML 5 since my app should support IE 8 too.
I browsed through some awesome JQuery solutions but got only HTML5 based Jquery solutions
Can someone suggest me good solution to have my youtube video play in IE8+ , Chrome , FF+ and mobile browsers too.
This embed code youtube provides by default will work for HTML5 browsers (mobile phones) as well as old browsers that need flash:
http://jsfiddle.net/austinpray/G5GhH/1
<iframe width="560" height="315" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
As best I can tell by looking at the iframe's code, this code sniffs the capabilities of what your browser can play and displays what works best. If you are on browser that has flash capabilities it uses flash and if flash isn't available it defaults to HTML 5. I tested this and it works on iPhones and Android phones. Here is the Youtube support document.