网页怎么点击图片弹出视频
编辑：Simone
2024-12-20 14:28:51
560 阅读
在制作网页时，想要点击某个图片弹出相应的视频，方法并不难，下面就和大家分享如何实现点击图片弹出视频。本文以文本编辑器为例，进行相关内容演示。
在桌面上新建一个txt文本文件，然后命名为“点击图片打开视频”，双击打开这个txt文件。
在打开的txt文件中输入以下代码：
vartestimg=document.getElementById('testimg');
varvideobox=document.getElementById('videobox');
varclosex=document.getElementById('closex');
testimg.onclick=function()
{
videobox.style.display='block';
}
closex.onclick=function()
{
videobox.style.display='none';
}
将上面文件中的图片地址src地址更改为你的图片地址。
然后将视频文件地址更改为你的视频地址。
然后将TXT文件另存为html文件。
在浏览器中运行这个网页文件，此时即可实现点击图片，弹出播放视频。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/life/106716.html
