html点击a标签弹层播放视频,html中点击a标签视频在新页面播放

  • Post author:
  • Post category:其他


今天刚好需要做一个点击视频,需要在新页面打开播放。一看到这里,我第一想法就觉得很简单啊,直接一个a标签,里面给一个target为blank,href值为视频播放地址不就好了。想好就开始干,当这样做完之后,我在测试页面点击的时候,发现并不是我所想的,它是打开新页面,并且下载视频。wtf。然后自己打开页面新,把视频链接拷贝进去,发现是可以在页面播放的,然后我刷新页面,在点击a标签,发现可以打开新页面播放视频了。说了那么多废话,其实最后自己还是自己写了一个js代码。因为怕别人也遇到我这样的情况,如果你不怕的话,还是可以使用直接放a标签这个方法

废话太多了,直接上代码

跳转新页面播放div>

a>

说明一下,代码就是先打开新页面,然后在页面里面添加video标签,外边的div样式可以自己设置

//定义的方法

function openVideo(src) {

var page = window.open();

var html=”

page.document.write(html);

}

补充:

实际情况下,全部写一行!!!

775895ab2ce1a895ce4a9ab4e6b67dbf.png