Javascript 播放HTML5视频火灾事件（昏暗页面）
当我使用此脚本时：Javascript 播放HTML5视频火灾事件（昏暗页面）,javascript,css,html,events,video,Javascript,Css,Html,Events,Video,当我使用此脚本时： <script> myVid=document.getElementById("video1"); myVid.oncanplay=alert("Can start playing video"); </script> 视频播放时会弹出一个窗口 我想改变css从一个div当视频开始播放暗淡的背景 我能在比赛中得到那份工作吗 问候 Torsten此脚本将允许您在元素的播放事件上触发一个操作，在这种情况下，该操作会更改div的背景颜色，但您可以使用相同的
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");
</script>
Torsten此脚本将允许您在元素的播放事件上触发一个操作，在这种情况下，该操作会更改div的背景颜色，但您可以使用相同的方法调整一个或多个元素的类etc，或对中间层应用不透明度。 该示例关闭了事件，因此它是一次性的，但是将事件添加到陷阱播放、暂停、结束、错误等中，您可以对行为进行相当精细的控制
<!DOCTYPE HTML>
<html>
<body style="background-color: white">
<div id="dimMe" style="background-color:blue">
<video id="video" autobuffer controls muted width=240 height=200>
<source src="http://jcath-drg.s3.amazonaws.com/BigBuck.m4v">
</source>
</video>
</div>
<script>
document.getElementById("video").addEventListener('play', dimBack, false);
function dimBack() {
this.removeEventListener('play', dimBack, false);
document.getElementById("dimMe").style.backgroundColor="green";
}
</script>
</body>
</html>
此脚本将允许您在元素的播放事件上触发一个操作，在本例中，该操作将更改div的背景颜色，但您可以使用相同的方法调整一个或多个元素的类etc，或将不透明度应用于中间层。 该示例关闭了事件，因此它是一次性的，但是将事件添加到陷阱播放、暂停、结束、错误等中，您可以对行为进行相当精细的控制
<!DOCTYPE HTML>
<html>
<body style="background-color: white">
<div id="dimMe" style="background-color:blue">
<video id="video" autobuffer controls muted width=240 height=200>
<source src="http://jcath-drg.s3.amazonaws.com/BigBuck.m4v">
</source>
</video>
</div>
<script>
document.getElementById("video").addEventListener('play', dimBack, false);
function dimBack() {
this.removeEventListener('play', dimBack, false);
document.getElementById("dimMe").style.backgroundColor="green";
}
</script>
</body>
</html>