1. 首页
  2. css

CSS不要停止音乐:播放音频页面上的链接

在ShopTalk上,我们收到了很多人的请求,他们希望我们节目单上的链接能在一个新的标签中打开。当他们通过我们的嵌入式播放器收听播客时,点击页面上的链接,他们会被烧死。当浏览器离开我们的页面并转到链接时,音频停止播放。我们可以做些什么。
一个选项是对每个链接应用一个目标属性,这样这些链接就会在一个新的窗口或选项卡中打开。
<a>
我们必须浏览整个节目档案,才能将该权限添加到HTML中。不是不可行,但也不是很好,也不是很灵活。
就个人而言,我一般不喜欢新的标签链接,我认为这也是用户体验的普遍共识。除非你有充分的理由,否则不要对违约进行干预。我们确实有一个很好的理由,但是如果我们再仔细考虑一下,我们实际上要做的是防止声音突然停止。所以,让我们只在实际播放音频时改变这种行为。
我们使用的是媒体元素.js对于播放器和页面上的jQuery。此播放机提供可绑定的事件,用于启动和停止音频。
var>
酷。通过在暂停时删除属性,您可以更喜欢它。我让您决定如何处理它。
但是如果您不喜欢这样更改默认行为呢?这是可以理解的。还有另一种方法可以做到这一点,那就是使用onbeforeunload事件(当浏览器要更改页面时激发)来确认导航。
非常简单。我们只需要在音频未播放时将其删除。
var=function(){return\”如果您离开,播客将停止播放。\”;}})。我选择了>

CSS不要停止音乐:播放音频页面上的链接 为WP2原创文章,链接:https://www.wp2.cn/css/css%e4%b8%8d%e8%a6%81%e5%81%9c%e6%ad%a2%e9%9f%b3%e4%b9%90%ef%bc%9a%e6%92%ad%e6%94%be%e9%9f%b3%e9%a2%91%e9%a1%b5%e9%9d%a2%e4%b8%8a%e7%9a%84%e9%93%be%e6%8e%a5/