单击html5中的图像热点时如何播放视频

本文介绍了单击html5中的图像热点时如何播放视频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

大家好，

我在html5中点击图像中的热点时，编写了以下代码来播放视频，但该代码无法正常工作，因此任何人都可以告诉我出什么问题了吗?
预先感谢，这是我的代码:

Hi all,

I wrote the following code to play a video when clicking on a hotspot in an image in html5 , but it is not working so please can anyone tell me what is wrong ?

Thanks in advance and this is my code :

<br />
<pre lang="xml"><html><br />
<head><br />
<script type="text/javascript"><br />
function PlayVideo(){<br />
   var v = document.getElementsByTagName("video")[0];<br />
   v.play();<br />
}<br />
</script><br />
</head><br />
<body><br />
<img src ="Desert.jpg"<br />
width="225" height="151" border="0"<br />
alt="Mueller Hut, Mount Cook, and I"<br />
usemap ="#muellermap" /><br />
<map id ="muellermap"<br />
name="muellermap"><br />
 <area shape ="poly" coords ="55,55,120,80,90,80,90,100,70,100,20,80,55,55"<br />
  href="javascript: void();" onclick="PlayVideo();"<br />
  alt="Mount Cook" /><br />
</map><br />
 <video  width="300" height="200" src="vivo.mp4"><br />
       Your browser does not support the <video> element.<br />
   </video><br />
</body><br />
</html></pre>

HTML5

单击html5中的图像热点时如何播放视频

问题描述

推荐答案