当前位置: 代码迷 >> 综合 >> 点击a标签在新页面播放视频
  详细解决方案

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

热度:53   发布时间:2024-02-02 02:32:19.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样式可以自己设置

 

  相关解决方案