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

<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样式可以自己设置

猜你喜欢

转载自blog.csdn.net/weixin_42217154/article/details/107640570