点击a标签在新页面播放视频

最新推荐文章于 2024-06-17 10:09:16 发布

麻辣_水煮鱼

最新推荐文章于 2024-06-17 10:09:16 发布

阅读量2.8k

点赞数 2

分类专栏： JavaScript 文章标签：点击a标签在新页面播放视频

本文链接：https://blog.csdn.net/weixin_42217154/article/details/107640570

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<a target="_blank" onclick="openVideo('视频播放地址')">

    <div>跳转新页面播放</div>

</a>

//新页面打开视频
function openVideo(src) {
    var page = window.open();
    var html="<body style='background:black'> <div style='width:80%;margin:auto;'> <video controls width='100%' height='90%' autoplay src='/"+src+ "'></video></div></body>"
   page.document.write(html);

}

原理就是先打开新页面，然后在页面里面添加video标签，外边的div样式可以自己设置