標籤視頻不是的onmouseover工作和onvideoout

我想這與圖像onmouse過來，出來的效果，還有它的工作原理，但不與視頻標籤標籤視頻不是的onmouseover工作和onvideoout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>video</title> 
</head> 
<body> 

<video src="movie.mp4" onmouseover="src='home-vid.mp4'" onmouseout="src='auto-awesome.mp4'"></video> 

</body>

不知道爲什麼這個標籤沒有與工作工作鼠標並在鼠標懸停功能

請讓我這個東西明確

來源

2015-07-20 deep singh

也許你想知道JS如何工作或使用 – donald123

然後給我一些提示..我缺乏什麼，我需要做什麼@ donald123 –

檢查類似的問題：http://stackoverflow.com/questions/19159888/how-can-play-pause-more-one-video-by-mouseover – belford

你應該執行從視頻標籤更改SRC的JavaScript功能。

此示例適用。用你的螢火蟲看看。

像：

function changeVideoSrc(src) { 
 
document.getElementById("exampleId").src=src; 
 
}

<video src="movie.mp4" onmouseover="changeVideoSrc('home-vid.mp4')" onmouseout="changeVideoSrc('auto-awesome.mp4')" id="exampleId"></video>

來源

2015-07-20 11:33:34 Tobias

您需要參考的視頻標籤在你的事件：

<video src="movie.mp4" onmouseover="this.src='home-vid.mp4'" onmouseout="this.src='auto-awesome.mp4'"></video> 
            ^^^^^        ^^^^^

this.src是你的標籤的src屬性。

只有設置src沒有this關鍵字設置全局變量的值src。（除了Chrome之類的瀏覽器，它會在src和其他元素屬性的前面添加一個隱含的this.）。

來源

2015-07-20 11:43:51

不在Chrome版本43.0.2357.134 m（64位）下。實際上，由於'this'關鍵字包含了所討論的元素 - 你不需要它，所以'src =「blahBlah.mp4」' – enhzflep

@enhzflep前面有一個隱含的'this.'謝謝，我不知道那。猜猜我應該編輯我的答案。但是由於並不是每個瀏覽器都像Chrome一樣處理它，我總是會寫入元素屬性的'this.infront'以確保交叉瀏覽器的兼容性。 –

這是一個很好的觀點。過度的冗長遠勝於意外的失敗。 – enhzflep

標籤視頻不是的onmouseover工作和onvideoout

回答

相關問題