javascript - 标记视频不适用于 onmouseover 和 onvideoout

标签 javascript mysql html css

我尝试了这个 onmouse over and out effect with image,它可以工作但不能用于视频标签

<!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>

不知道为什么这个标签在鼠标移开和鼠标悬停功能上不起作用

请让我清楚这些东西

最佳答案

您应该执行一个 javascript 函数来更改视频标签的 SRC。

这个例子有效。使用你的 Firebug 来查看它。

喜欢:

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>

关于javascript - 标记视频不适用于 onmouseover 和 onvideoout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31515273/

相关文章:

javascript - 自动完成 : how to get automatically value on focus if no values selected

javascript - 我需要在测试中注入(inject)插件,否则我会收到错误日志

mysql - DBSlayer - 它实际上做了什么?

javascript - 将悬停传递给 HTML 中的下方元素

javascript - Bootstrap 验证器 : How do you add and remove validators dynamically to an existing input field?

javascript - 一个简单的移动短代码

mysql - 想要运行一个查询,给出两个日期之间的结果。我有 unix 纪元格式的时间戳

mysql - 从表中选择 count(col), max(col), column_name_data

javascript - 如何将数据从 HTML 表单传输到 JavaScript 函数?

javascript - HTML5 History API - 状态对象的最大大小是多少?