IE8 or older automatically uses flash fallback player but the player is hosted in CDN.
I want to use hosted video-js.swf file in my server instead of CDN contents.
Because CDN swf file is not secured.
The Video.js version is 3.2, that is currently you can download from http://videojs.com/.
I tried this code but it does not work.
Can someone help me with the solution?
Thanks!
Using the link, I was able to find a swf file listed in one of the links:
http://vjs.zencdn.net/c/video-js.swf
Related
I am completely new to VideoJs and media streaming on web pages, so please forgive me if the answer to this is obvious. I uploaded an MP4, OGV and WEBM file to www.sell2trade.com.au. If you view this page you will see that the video on the RHS works in Firefox, has an unsupported error in IE11 and plays the audio only in Chrome!! I downloaded the VideoJS sample and followed it diligently (I think!!) What on earth am I doing wrong!
Thanks for any help as tearing what little hair I have left out :)
The MP4 you're using doesn't appear to be compatible with Chrome. You can go directly to the mp4 url in chrome and see the same audio-only issue. You should try a different encoder, like Zencoder (paid service that I helped build) or Handbrake.
Also it looks like you swapped out the url for the video.js swf for a different swf that plays your video. That's not gonna work. You need to use the swf that's included with video.js.
I'm trying to use jQuery DataTables and TableTools in conjunction with my Django app, which uses Django-Storages (Boto) to manage my static files on S3. Although I can successfully point my SWF file to the SWF on S3, I've noticed that none of the COPY CSV etc buttons work (except PRINT) when using S3. However, it all works perfectly once I point to a public CDN.
I can use the CDN but am wondering if anyone knows why it doesn't work on S3. I'm guessing it may be a permissions issue?
I am facing the same problem with SWF on S3. I solve it stupid way by moving the swf file back to server instead of load from S3.
Hope this help.
My theory below, not tested:
I suspect it is due to the cross domain issue, as load from S3, the file path changed as well the domain name. This could happen if the Action Script did not check if crossdomain policy specified.
After reading the docs, it seems that phonegap/cordova is like a local web server that serves html, js and css to the mobile native browser.
Can phonegap/cordova serve files not only in local ? i want to know if it is possible to make them LAN servers for example, without installing apache on the mobile device??
Thanks.
UPDATE:
I feel i need to describe my probleme.
I need to create a mobile app, that allows mobile devices connected on the same wifi network (without internet) communicate with each others. If this is possible only with phonegap it would be great.
Cordova uses the WebView component to display your content. It's more or less equivalent to opening html files directly in your desktop browser by going to file > open.
If you want some content on a lan, just link to it in the html that is rolled into the Cordova app as you would load any content in html from an external source.
I'm using phantomjs version 1.9.7 which I believe is supposed to support web fonts. I have inserted the font with google web fonts however it is just displaying my fallback font when I automate a screengrab. The webfont is displaying fine in all my browsers. Are there any workarounds for this?
I have struggled with this issue for several hours. Well, there is a simple reason for this controversy: user-agent!
Some services such as Google Fonts are returning different CSS content based on user-agent. When you call a webpage which includes Google Fonts with default PhantomJs user-agent, Google would return TTF version which is supported in PhantomJs.
However, if you set a custom user agent (Chrome, FF, etc.), Google Fonts would return .woff2 version. .woff2 is not supported in PhantomJs 2.x. Obviously, fonts are not going to be loaded.
So, for users who are testing PhantomJs without setting a generic user-agent, Google Fonts is working. If they set for example Google Chrome user-agent, it does not work.
So, you have two options:
Avoid setting a custom user-agent if it is possible.
Avoid using dumb-smart font providers like Google Fonts which does not outputting all font versions in CSS and let the browser decide what it needs.
I believe your belief is wrong :-)
The 1.9.x series of Phantom is still based on the old WebKit code, which people have been reporting web font problems with all along.
The good news is that a technical preview of Phantom 2.0 is apparently about to be released; https://github.com/ariya/phantomjs/wiki/PhantomJS-2 is intended to be the best place to follow status. And, from memory, someone reported success with web fonts using it (but I may be wrong on that as a quick search of the mailing list archives didn't turn up a definitive message saying web fonts work... but they definitely should).
BTW, SlimerJS is an almost drop-in replacement, based on Firefox's Gecko engine, and does support web fonts (though some problems in corner cases, IIRC).
I just had the same issue with PhantomJS 2.1.1.
In my case I was working under a proxy that was blocking PhantomJS from loading the font from Google. After connecting to an open network it rendered correctly.
I tried all fixes listed here to no avail, but here is a work around. Either option resolved this for me.
First Option:
Install the missing web fonts on the local computer that is running PhantomJS. Most web font providers including Google allow you to easily download the fonts for local install. No change needed at the target URL.
Second:
I sites I have control over, I was able to resolve by splitting up the link tags.
Change This from:
<link href='//fonts.googleapis.com/css?family=Roboto:400,500,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
To:
<link href='//fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
I know this is not an ideal solution but either one works, It depends on if you can modify the target URL.
Ektron 801 SP1
I am allowing users to upload MP3 files to their profile using the CommunityDocuments control. I want the user to be able to click the link and play the song. For some file types, such as .doc, the file downloads immediately because the URL of the link refrences "DownloadAsset.aspx". The MP3 files have a URL like http://www.domain.org/documents.aspx?id=242665652917&TaxonomyId=242665652152&LangType=1033&EkTB_iframe=true&height=520&width=790
How can I get these files to play? I have the following in the web.config
<add key="audio/mpeg" value="WindowsMedia"/>
As far as I know, Ektron doesn't provide any player / plugin support ootb for MP3 files. You can specify an additional MEDIA type in the web.config, perhaps. Or use HTML5 Audio. http://www.w3schools.com/html/html5_audio.asp
When using the HTML5 approach, pay attention to which codecs are supported by which browsers. You'll have to work out something else for older browsers via fallback or shim.
Adding a MEDIA type in the web.config will just tell the browser to load a plugin like quicktime or wmp, if it works at all.
As per eGandalf's answer, Ektron doesn't include an MP3 player. You should still be able to use Ektron to store and the serve up the MP3, by saving it into the library or as a DMS asset. You made need to update an Ektron config setting by adding ".MP3" to a file extension whitelist.
Regarding having a user player the MP3 in the browser, I would look at using JW Player - it's very popular and here is a tutorial on using it to play an MP3.