在制作网页时，想要点击某个图片弹出相应的视频，方法并不难，下面就和大家分享如何实现点击图片弹出视频。本文以文本编辑器为例，进行相关内容演示。
工具/原料
网页编辑器
方法/步骤
1
在桌面上新建一个txt文本文件，然后命名为“点击图片打开视频”，双击打开这个txt文件。
2点击图片弹出视频 
var testimg = document.getElementById('testimg');var videobox = document.getElementById('videobox');var closex = document.getElementById('closex'); testimg.onclick = function(){ videobox.style.display = 'block';} closex.onclick = function(){ videobox.style.display = 'none';}
在打开的txt文件中输入以下代码：
3
将上面文件中的图片地址src地址更改为你的图片地址。
4
然后将视频文件地址更改为你的视频地址。
5
然后将TXT文件另存为html文件。
6
在浏览器中运行这个网页文件，此时即可实现点击图片，弹出播放视频。
上一篇：新版迷你世界鸡怎么繁殖？
下一篇：这三种人千万别炒股