JS动态调用弹窗来实现视频的播放

最新推荐文章于 2023-06-19 23:51:40 发布

天涯1995

最新推荐文章于 2023-06-19 23:51:40 发布

阅读量1.7k

点赞数

分类专栏：网站类文章标签： javascript html echarts

本文链接：https://blog.csdn.net/ssw09141324/article/details/120199760

版权

在有些情况下，我们需要根据不同的情况来绑定不同的视频，然后用户点击后进行弹窗播放，下面通过两个页面来实现动态弹窗播放视频的功能。

1. 视频播放页面(videoPlay.html)

<!DOCTYPE html>
<html style="height: 100%">
    <head>
        <meta charset="utf-8">
	    <title>Replay Video</title>
        <script type="text/javascript" src="js/echarts.min.js"></script>
        <script type="text/javascript">
            function setPath()
            {
                /*获取视频名称参数*/
              var videoPath=sessionStorage.getItem("videoPath");
              /*获取video 标签*/
              var tvideo = document.getElementById('videoPlay');
              /*debug 信息*/
              console.log(videoPath);
              /*设置video 标签的属性*/
              tvideo.setAttribute("src","../"+videoPath);
            }
        </script>
    </head>
    &

最低0.47元/天解锁文章

天涯1995

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS动态调用弹窗来实现视频的播放

在有些情况下，我们需要根据不同的情况来绑定不同的视频，然后用户点击后进行弹窗播放，下面通过两个页面来实现动态弹窗播放视频的功能。1.视频播放页面(videoPlay.html)<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> <title>Replay Video</title> .
复制链接

扫一扫

专栏目录