麻煩在html中播放視頻

我有一個使用JavaScript來顯示時鐘的html文件。我想修改這個html也可以在時鐘下播放一個循環的視頻。但是，如果我的時鐘處於活動狀態，則視頻不會顯示;它可以在停用時鐘的情況下工作（註釋掉時鐘div）。有誰知道我該如何解決這個問題？對不起CSS/HTML/JavaScript混亂的混亂。麻煩在html中播放視頻

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html><head> 

<title>Javascript Clock</title><script language="JavaScript" type="text/javascript"> 
function startTime() 
{ 
var today=new Date(); 

var h=today.getHours(); 
var m=today.getMinutes(); 
var s=today.getSeconds(); 

var day = today.getDate(); 
var month = today.getMonth() + 1; 
var year = today.getFullYear(); 

var hsec=Math.floor(today.getMilliseconds()); 
// add a zero in front of numbers<10 

document.getElementById('txt').innerHTML=h+":"+checkTime(m)+":"+checkTime(s)+":"+checkHTime(hsec); 
document.getElementById('cal').innerHTML=checkTime(month)+"/"+checkTime(day)+"/"+year; 
setTimeout('startTime()',10); 
} 

function checkTime(i) 
{ 
if (i<10) 
    { 
    i="0" + i; 
    } 
return i; 
} 
function checkHTime(i) 
{ 
if (i<100) 
    { 
    if (i<10) 
    { 
    i="0" + i; 
    } 

    i="0" + i; 
    } 
return i; 
} 

</script></head> 
<body onload="startTime()" bgcolor="black"> 

<center><br><br><br><img style="width: 776px; height: 133px;" alt="ad" src="ad-logo-pms2945% 20png.png"><br><br> 
<div id="txt" style="font-family: serif; font-size: 30pt; font-weight: bold; color: red;">00:00:00:00</div> 
<div id="cal" style="font-family: serif; font-size: 30pt; font-weight: bold; color: red;>"00/00/0000</div> 
<div id="video"> 
<video id="duck-movie" height="240"> 
<source src="duck.mp4" type="video/mp4"> 
Video is unavailable 
</video> 
</div> 

</center> 
</body></html>

編輯：如果我移動「txt」和「cal」div上面的「video」div，視頻播放和時鐘正常運行。

來源

2013-06-28 nh0815

此行''

有它一個錯字變化替換當前的文檔類型：''

00/00/0000

– Aguardientico

這實際上固定它。接得好！ – nh0815

很酷，聽說你可以修復它:) – Aguardientico

您對此使用了HTML 4.01文檔類型，但視頻標記不是HTML 4.01的一部分。試着用

<!DOCTYPE html>

來源

2013-06-28 16:54:08

但我仍然可以用標籤播放視頻 - 我只需要註釋掉'txt'和'cal'div。 – nh0815

請注意Aguardientico對您的原始帖子發表的評論，其中提到您的錯字可能會使您的其他html無效。正確的文檔類型聲明非常重要，因此瀏覽器不必考慮爲什麼您使用了不存在的標籤。 –

+1正確解釋DOCTYPE ...但瀏覽器不認爲：P – Aguardientico

麻煩在html中播放視頻

回答

相關問題