Hallo ich hab hier ein Script das Videos auswählt und dann das Video abspielt...
Nun im Firefox und Opera geht das ganze aber leider im Internet Explorer nicht...
Könnt Ihr mir da weiter helfen wieso des nicht geht...
Danke
Gruß Michi
wetter.html
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Prasserbad.de Zeitraffer Videos</title>
<meta name="GENERATOR" content="Quanta Plus">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- GC --> <!-- LIBS -->
<!-- GC --> <!-- LIBS -->
<script type="text/javascript" src="http://www.web-industries.de/ext/adapter/ext/ext-base.js"></script> <!-- ENDLIBS -->
<script type="text/javascript" src="http://www.web-industries.de/ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.web-industries.de/ext/resources/css/ext-all.css" />
</head>
<body >
<script type="text/javascript" src="wetter.js"></script>
<div id="wetter" align="center"> </div>
<center>
<embed style="margin-top:150px" id="video1" src="" width="640" height="480" type="video/quicktime" autostart="true" controller="true" loop="true" border="0" pluginspage="http://www.apple.com/quicktime/download/index.html"></embed>
</center>
<div align="center">
<p>Bitte wählen Sie eine Kamera und das Datum und die Stunde um das Video abzuspielen.</p>
<p>Apple Quicktime Player muss instaliert sein</p>
</div>
</div>
</body>
</html>
Alles anzeigen
wetter.js
Code
Ext.onReady(function(){
var cam = new Ext.form.ComboBox({
name: 'cam',
mode: 'local',
hiddenValue: '1',
hiddenName: 'cam',
typeAhead: true,
triggerAction: 'all',
lazyRender: true,
editable: false,
fieldLabel: 'Kamera',
store: new Ext.data.ArrayStore({
fields: ['myId', 'displayText'],
data: [['cam1', 'Kamera 1 (Boote)'], ['cam2', 'Kamera 2 (Westen)'], ['cam3', 'Kamera 3 (Nord-Ost)']] }),
valueField: 'myId',
displayField: 'displayText',
xtype: 'combo'
});
var time = new Ext.form.ComboBox({
name: 'hourcombo',
mode: 'local',
hiddenValue: '1',
hiddenName: 'hour',
maxHeight : 150,
typeAhead: true,
triggerAction: 'all',
lazyRender: true,
editable: false,
fieldLabel: 'Uhrzeit',
store: new Ext.data.ArrayStore({
fields: ['myId', 'displayText'],
data: [['01', '1 Uhr'], ['02', '2 Uhr'], ['03', '3 Uhr'], ['04', '4 Uhr'], ['05', '5 Uhr'], ['06', '6 Uhr'], ['07', '7 Uhr'], ['08', '8 Uhr'], ['09', '9 Uhr'], ['10', '10 Uhr'], ['11', '11 Uhr'], ['12', '12 Uhr'], ['13', '13 Uhr'], ['14', '14 Uhr'], ['15', '15 Uhr'], ['16', '16 Uhr'], ['17', '17 Uhr'], ['18', '18 Uhr'], ['19', '19 Uhr'], ['20', '20 Uhr'], ['21', '21 Uhr'], ['22', '22 Uhr'], ['23', '23 Uhr'], ['24', '24 Uhr']]
}),
valueField: 'myId',
displayField: 'displayText',
xtype: 'combo'
});
var datum = new Ext.form.DateField({
fieldLabel: 'Datum',
format: 'd.m.Y',
name: 'datum'
});
var basics = new Ext.form.FieldSet({
frame: false,
labelAlign: 'top',
renderTo: 'wetter',
title: 'Zeitraffervideo',
bodyStyle: 'padding:6px',
defaultType: 'textfield',
layout: 'column', // Specifies that the items will now be arranged in columns
items: [{
columnWidth: 0.20,
xtype: 'fieldset',
labelWidth: 90,
defaults: {
width: 130
}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
border: false,
items: [cam]
},{
columnWidth: 0.20,
xtype: 'fieldset',
labelWidth: 90,
defaults: {
width: 130
}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
border: false,
items: [time]
}, {
columnWidth: 0.20,
xtype: 'fieldset',
labelWidth: 90,
defaults: {
width: 130
}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
border: false,
items: [datum]
}, {
columnWidth: 0.20,
xtype: 'fieldset',
labelWidth: 90,
defaults: {
width: 130
}, // Default config options for child items
defaultType: 'textfield',
autoHeight: true,
border: false,
items: [{
name: 'button',
xtype: 'button',
text: 'Video laden',
handler: function(){
var splitte = datum.getRawValue();
var splitter = splitte.split('.');
var datum1 = ''+splitter[2]+""+splitter[1]+""+splitter[0];
document.getElementById("video1").src = "http://www.webcam-prasserbad.de/videos/"+cam.getValue()+"-"+datum1+"-"+ time.getValue()+"-timelapse.mpg"
}
}]
}]
});
});
Alles anzeigen