javascript - 如何使用 JavaScript 或 jQuery 静音视频?
问题描述
我想使用以下广告代码,但在关闭视频后静音视频有问题。当我关闭(另外它会在 20 秒后自动关闭)广告时,它会在后台播放视频并且仍然有声音。单击“跳过广告”按钮后如何将视频静音并自动关闭?我不了解 jQuery 或 JavaScript。你能修改我的代码并发布解决方案吗?
<script>
window.setTimeout("document.getElementById('closead').style.display='none';", 6000);
</script>
<div class="advertisement" id="closead">
<a target="_blank" rel="nofollow" href="http://www.sitename.com">
<video id="dbx" style="object-fit: fill;" autoplay="" width="100%" height="100%">
<source src="https://www.w3schools.com/tags/mov_bbb.mp4" type="video/mp4">
</video>
</a>
<button onfocus="this.blur();" class="closecss" style="position:absolute;bottom: 2px;right: 0px;z-index: 999;background: #32b02b;color: #fff;padding: 13px;border-radius: 4px;font-weight: bold;cursor: pointer;border: 1px solid #2b9825;box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 0 0 #299023, 0 2px 3px 0 rgba(0, 0, 0, 0.25);" onclick="document.getElementById('closead').style.display='none';">SKIP AD</button>
</div>
<style>
.advertisement {
position: absolute;
z-index: 99;
height: 100%;
}
</style>
解决方案
您可以使用静音属性将视频静音
jQuery("#dbx").prop('muted', true);
推荐阅读
- c++ - boost::serialization 中的派生类偏移计算。它有效吗?
- java - Hibernate @ColumnTransformer 注入数据库模式
- python - 计算列的唯一值并存储在新列中
- pandas - Pandas 根据日期过滤行
- elixir - 如何验证嵌套地图中的要求
- apache - 我应该怎么做才能在 Centos7(或其他系统)上找到 Apache/2.4.6 的根目录?
- java - java中的快速排序代码运行不正常?
- wordpress - 我可以通过 wordpress 中的某些功能将类别添加到我的自定义分类中吗?
- here-api - 使用带地址而不是纬度/经度的 Places API(发现/此处)
- html - 弹性项目不向右移动