IIS probleem in combinatie met IE11

dinsdag 27 augustus 2019 18:34

Acties:

Topicstarter

Ik heb de volgende code gebruikt:

code:

<!DOCTYPE html>
<html lang="en">

<body>
        <figure>
            <video controls preload="metadata" width="1280" height="720">
                <source src="video.mp4" type="video/mp4">
                <track kind="subtitles" srclang="en" label="English" src="subs-EN.vtt" default >
                <track kind="subtitles" srclang="ge" label="German" src="subs-GE.vtt" >
            </video>
        </figure>
</body>
</html>

Dit stond op een linux server met apache (welke rechtstreeks aan het internet hing) en functioneerde zowel onder chrome en IE11 zonder problemen.

Omdat dit een test server is heb ik de files verhuist naar een (interne) IIS server op w2012r2

mimetype voor de vtt files aangemaakt, voor .mp4 was er al een mimetype aanwezig.

onder chrome werkt het zoals verwacht, video speelt af, subtitles zijn zichtbaar
echter, spontaan werkt het onder IE11 niet meer, video speelt niet meer af, sterker nog, in de logs zie ik niet eens dat IE11 de mp4 file opvraagt. Als ik de mp4 file in de adresbalk gooit wordt de file wel gedownload.

Ik heb werkelijkwaar geen idee in welke hoek ik dit probleem moet zoeken, enerzijds verwacht ik niet een setting in IE11, want op de apacheserver draaide het wel, anderzijds verwacht ik ook niet dat de IIS server de oorzaak is omdat chrome het wel gewoon afspeelt.

Wie kan me in de juiste richting duwen?

dinsdag 27 augustus 2019 18:55

Acties:

Rolfie

mime type goed gezet?

How to enable IIS to play MP4 files

dinsdag 27 augustus 2019 19:00

Acties:

Hero of Time

Moderator LNX

There is only one Legend

Vergelijk de broncode die je krijgt in Chrome met die van IE. Sla desnoods de pagina op van Chrome en open die lokaal met IE (video zal natuurlijk niet laden tenzij deze ernaast staat, maar krijg je iig iets te zien in de dev tools dat het iets probeert te zoeken).

Ik heb een vermoeden, maar wil eerst de code zien wat de browsers ervan maken.

Commandline FTW | Tweakt met mate

dinsdag 27 augustus 2019 20:28

Acties:

ETH0.1

Topicstarter

Hero of Time schreef op dinsdag 27 augustus 2019 @ 19:00:
Vergelijk de broncode die je krijgt in Chrome met die van IE. Sla desnoods de pagina op van Chrome en open die lokaal met IE (video zal natuurlijk niet laden tenzij deze ernaast staat, maar krijg je iig iets te zien in de dev tools dat het iets probeert te zoeken).

Ik heb een vermoeden, maar wil eerst de code zien wat de browsers ervan maken.

chrome:

code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8>
    <title>Setup your profile</title>
    <style>
        body { 
            padding:10px;
            font-size:80%;
            font-family:verdana, serif;
        }
        figure { margin:30px 0; }
    </style>
</head>
<body>
    <figure>
        <video controls preload="metadata" width="1280" height="720">
            <source src="/PHTest/SetProfile.mp4" type="video/mp4">
            <track kind="subtitles" srclang="en" label="English" src="SetProfile-EN.vtt" default >
            <track kind="subtitles" srclang="ge" label="German" src="SetProfile-GE.vtt" >
        </video>
    </figure>
</body>
</html>

IE11

code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset=utf-8>
    <title>Setup your profile</title>
    <style>
        body { 
            padding:10px;
            font-size:80%;
            font-family:verdana, serif;
        }
        figure { margin:30px 0; }
    </style>
</head>
<body>
    <figure>
        <video controls preload="metadata" width="1280" height="720">
            <source src="/PHTest/SetProfile.mp4" type="video/mp4">
            <track kind="subtitles" srclang="en" label="English" src="SetProfile-EN.vtt" default >
            <track kind="subtitles" srclang="ge" label="German" src="SetProfile-GE.vtt" >
        </video>
    </figure>
</body>
</html>

Als ik vanuit de browser de bron bekijk (rechtermuisknop view source) lijkt er geen verschil te zien in de source van IE en die van chrome

Volgende test het opslaan van de file in chrome en openen in IE
- als ik de chrome pagina opsla en open in IE krijg ik een zwart blok met een melding dat de videofile niet geladen kan worden
- Als ik de IE pagina op sla, en open in IE krijg ik die melding niet en blijft de pagina wit

dat is raar.

Daarna de pagina van IE ook opgeslagen, die geopend, wit vlak.

Maar de fileinhoud is wel verschillend tenopzichte van chrome:

Chrome

code:

<!DOCTYPE html>
<!-- saved from url=(0040)http://servernaam/PHTest/SetProfile.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <title>Setup your profile</title>
    <style>
        body { 
            padding:10px;
            font-size:80%;
            font-family:verdana, serif;
        }
        figure { margin:30px 0; }
    </style>
</head>
<body>
    <figure>
        <video controls="" preload="metadata" width="1280" height="720">
            <source src="/PHTest/SetProfile.mp4" type="video/mp4">
            <track kind="subtitles" srclang="en" label="English" src="SetProfile-EN.vtt" default="">
            <track kind="subtitles" srclang="ge" label="German" src="SetProfile-GE.vtt">
        </video>
    </figure>

</body></html>

IE:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://servername/PHTest/SetProfile.html -->
<HTML lang=en><HEAD><META content="IE=7.0000" http-equiv="X-UA-Compatible">
<TITLE>Setup your profile</TITLE>
<META charset=utf-8>
<STYLE>BODY {
    FONT-SIZE: 80%; FONT-FAMILY: verdana, serif; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px
}
figure {
    MARGIN: 30px 0px
}
</STYLE>

<META name=GENERATOR content="MSHTML 11.00.10570.1001"></HEAD>
<BODY><FIGURE><VIDEO height="720" width="1280" preload="metadata" 
controls><SOURCE type="video/mp4" src="/PHTest/SetProfile.mp4"><TRACK 
src="SetProfile-EN.vtt" default label="English" srclang="en" 
kind="subtitles"><TRACK src="SetProfile-GE.vtt" label="German" srclang="ge" 
kind="subtitles"></VIDEO></FIGURE></BODY></HTML>

IE lijkt te kloten met de broncode? Ben benieuwd of dit je vermoeden bevestigd

@Rolfie mimetype in IIS staat op video/mp4, dat is juist zover ik overal kan nalezen

donderdag 29 augustus 2019 11:14

Acties:

ETH0.1

Topicstarter

@Hero of Time @Rolfie Bedankt voor het mee denken!

Probleem gevonden: De crux zat hem niet in IIS, code of mimetypes maar in IE11 zelf. De clue was interne/externe hosting van de site

Compatibility mode stond aan voor alle interne websites, en in die modes werken de videos niet.

bij het opslaan als html file en dan openen is het geen interne webserver meer en krijg ik de site te zien in 'normale modus'

het toevoegen van de volgende header:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Is voldoende om compatibility mode op te heffen.

donderdag 29 augustus 2019 11:57

Acties:

Rolfie

Nice. Goed gevonden.

donderdag 29 augustus 2019 13:56

Acties:

Hero of Time

Moderator LNX

There is only one Legend

Mooi gevonden. Mijn vermoeden bleek onjuist, dus die nog noemen heeft geen zin.

De reden van de compat modus voor interne sites is zeker vanwege een of ander vaag pakket dat intern beschikbaar is dat die modus vereist, of is het de standaard setting van IE?

Commandline FTW | Tweakt met mate

donderdag 29 augustus 2019 16:36

Acties:

ETH0.1

Topicstarter

Hero of Time schreef op donderdag 29 augustus 2019 @ 13:56:
Mooi gevonden. Mijn vermoeden bleek onjuist, dus die nog noemen heeft geen zin.

De reden van de compat modus voor interne sites is zeker vanwege een of ander vaag pakket dat intern beschikbaar is dat die modus vereist, of is het de standaard setting van IE?

klopt, GPO op het hoogste niveau vanwege diverse websites waar Ben Hur nog aan mee heeft geprogrammeerd.

donderdag 29 augustus 2019 18:42

Acties:

Hero of Time

Moderator LNX

There is only one Legend

ETH0.1 schreef op donderdag 29 augustus 2019 @ 16:36:
[...]

klopt, GPO op het hoogste niveau vanwege diverse websites waar Ben Hur nog aan mee heeft geprogrammeerd.

Je weet wat je compat modus per site/URL kan definiëren toch, ipv gelijk een hele zone er mee op te zadelen? Je hebt nu een paardenmiddel gebruikt voor een klein pijntje. Dan ga je idd niets meer voelen.

Commandline FTW | Tweakt met mate

Vraag

Alle reacties