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

在前端开发中,遇到点击视频链接在新页面播放的需求。原本以为通过a标签加target属性即可,但实际操作却触发了视频下载。解决方法是通过JavaScript自定义函数,在新页面动态创建video标签,实现视频的自动播放。提供了一个简单的示例代码,通过`openVideo`函数在新页面插入包含视频的HTML,并自动播放。
摘要由CSDN通过智能技术生成

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

废话太多了,直接上代码

 

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

<

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值