cross-browser

HTML5 video: ffmpeg-encoded MP4 not playing in any browser (plays in VLC though)

由 六眼飞鱼酱① 提交于 2020-01-12 05:47:30
问题 I am trying to serve HTML5 video in MP4 and WEBM fomats. I cannot get all browsers to work though: Browsers which support WEBM (Chrome desktop, Firefox desktop) play the videos fine. Browsers which use MP4 are not working (IE, Safari, Android). WEBM is being served as video/webm . MP4 is being served as video/mp4 . Minimal JSFiddle at: http://jsfiddle.net/#&togetherjs=5Ql5MmrV4j Browser errors: IE11: 11.0.9600.17126 / 11.0.9 KB2957689 Error: Unsupported video type of invalid file path Android

How to properly provide data for <audio>?

由 旧街凉风 提交于 2020-01-12 05:27:06
问题 I am serving binary data for HTML5 audio thorough .aspx page. The file can be played but there is a problem with SeekBar and replaying in Safari (iPad), Chrome and Firefox. Edit I have simplified (hopefully not too much) the code and full listing is presented (page file name is obviously play.aspx). <%@ Page Language="C#" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { if ( Request["filename"] !=

iframe background image showing fine in Firefox but not in IE

由 試著忘記壹切 提交于 2020-01-11 08:47:07
问题 Why IE not showing BG mage like firefox in Iframe? I do not have access of iframed page. any CSS or javascript solution 回答1: As well as adding the CSS style background-color:transparent; to the iframe document's body element, you will also need to add the allowtransparency attribute to the iframe element in the containing document. See http://msdn.microsoft.com/en-us/library/ms533072(VS.85).aspx for more information. If you can't modify the iframe's document then you are out of luck. Maybe

Which browsers support 307/308 redirects and how do they handle them?

由 老子叫甜甜 提交于 2020-01-11 05:19:47
问题 307 & 308 redirects (https://tools.ietf.org/html/rfc7538) is accepted by most modern browsers. However upon google-ing a lot, I am unable to find a list of browser versions that support 307/308 redirects. Many of the posts like: What's the deal with HTTP status code 308? simply ask if 308 redirects is supported or not. I am aware that some older browsers don't support 307/308 redirects (https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/308), but it's not clear which browser version

Uncaught TypeError: Object #<HTMLDivElement> has no method 'addPanel'

由 给你一囗甜甜゛ 提交于 2020-01-10 05:37:06
问题 I am trying to implement an almost cross-browser bookmark functionality and found this on SO: How do I add an "Add to Favorites" button or link on my website? Now, I am using @PHPst's answer.. <script type="text/javascript"> $(function() { $("#bookmarkme").click(function() { if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(location.href,document.title,""); } else if( /*@cc_on!@*/false) { // IE Favorite window.external.AddFavorite(location.href,document.title); } else

Embedding text/html in an Object (instead of an iframe)

由 牧云@^-^@ 提交于 2020-01-10 01:48:07
问题 <iframe data="/localfile.html" type="text/html" width="200" height="200"></iframe> <iframe data="http://example.com/remotefile.html" type="text/html" width="200" height="200"></iframe> <object data="/localfile.html" type="text/html" width="200" height="200"></object> <object data="http://example.com/remotefile.html" type="text/html" width="200" height="200"></object> Under every browser except IE, all 4 of these tests work. Under IE 6 and 7, the last one fails and shows an empty frame. Is

What's the CSS Filter alternative for Firefox?

由 牧云@^-^@ 提交于 2020-01-09 19:52:08
问题 I'm using CSS Filters to modify images on the fly within the browser. These work perfectly in Internet Explorer, but aren't supported in Firefox. Does anyone know what the CSS Filter equivalent for these is for Firefox? An answer that would work cross browser (Safari, WebKit, Firefox, etc.) would be preferred. <style type="text/css"> .CSSClassName {filter:Invert;} .CSSClassName {filter:Xray;} .CSSClassName {filter:Gray;} .CSSClassName {filter:FlipV;} </style> Update: I know Filter is an IE

Safari and IE can't read TTF and EOT fonts

由 一曲冷凌霜 提交于 2020-01-09 11:11:09
问题 I have trouble reading a font in Safari. I converted OTF to TTF - two bold and regular fonts. Both are fine in Chrome and Firefox. But in Safari, only the bold font is works, regular does not. IE does not read the EOT font which I have converted from a website. Is there any better way to convert OTF to EOT? Here is my code: <style type="text/css"> //Bariol_Bold @font-face{ font-family: Bariol_Bold; src:url("fonts/bariol_bold.eot"); /*For ie browser*/ } @font-face{ font-family: Bariol_Bold;

@font-face and letter-spacing in webkit

由 喜你入骨 提交于 2020-01-09 10:33:09
问题 I just discovered that letter-spacing doesn't always work in webkit (and perhaps other browsers?) when embedding fonts. I've tried it on two different fonts and received different results. "League Gothic Regular" will work http://www.theleagueofmoveabletype.com/fonts/7-league-gothic "Quicksand Light" will not http://www.fontsquirrel.com/fonts/Quicksand What's the skinny? Is there a way to force the hand of non-compliant fonts? Quick note: Firefox does seem to apply to both fonts. 回答1: I'm not

Setting uniform <input type=“file”> width in all browsers

由 元气小坏坏 提交于 2020-01-09 09:06:30
问题 What combination of CSS or attributes are needed? 回答1: Hide the actual control Made a DIV with the controls and styling you want on top of it The button is not a standard HTML control. See: http://www.quirksmode.org/dom/inputfile.html 回答2: what's wrong with <input type="file" size="50" .... /> ? Will look same except safari on mac i guess (on mac, all upload controls looks different, on all browsers) 回答3: In addition to the quirksmode tutorial, here's another good resource: http://www
订阅 cross-browser