當在Chrome瀏覽器中包含html5視頻時css懸停問題

我正在嘗試爲頁面使用html5視頻標記，但是我發現懸停功能無法正常工作。我的谷歌瀏覽器的版本10.0.648.133，我的操作系統是Windows 7當在Chrome瀏覽器中包含html5視頻時css懸停問題

以下是截圖：http://i.stack.imgur.com/nOOEx.png

但是，當我從頁面中刪除視頻，它工作正常。難道我做錯了什麼？

謝謝！我會感謝你的幫助。 :)

這裏是我的標記：

<!DOCTYPE html> 
<html> 
<head> 
<title>Chrome mp4 video player test</title> 

<style type="text/css"> 
a { 
    text-decoration:none; 
} 
a:hover { 
    text-decoration:underline; 
} 

div.with_hover:hover { 
    background: #EEEEEE; 
} 
</style> 
</head> 

<body> 

<div> 
<video controls="controls"> 
    <source src="test.mp4" type="video/mp4"/> 
</video> 
</div> 

<div class="with_hover"> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a><br/> 
    <a href="#">Link</a> 
</div> 
</body> 
</html>

來源

2011-03-15 srcastro

我無法重現此問題。你有絕對的網址test.mp4嗎？ – tilleryj 2011-03-15 23:03:01

您使用的是哪個版本的Chrome？ – William 2011-03-15 23:08:56

@tilleryj感謝您的幫助。 :)我很抱歉，但我沒有一個絕對的網址。我上傳文件在這裏：http://www.mediafire.com/?r1v3bemn38lh6uu – srcastro 2011-03-15 23:10:15

-1

視頻的完成後，並且停止徘徊在控制消失，你不能讓他們回來。如果您刪除鏈接到mp4文件，它將不會再發生。

來源

2012-03-02 05:30:20 drew

當在Chrome瀏覽器中包含html5視頻時css懸停問題

回答

相關問題