javascript - mb.YTPlayer jQuery 插件中背景视频静音的问题

标签 javascript video youtube

我正在使用 mb_YTPlayer jQuery 插件创建一个在页面加载时自动播放的背景视频,但我在将视频静音时遇到问题。我已将属性设置为 mute:truevolumn:0。我还尝试在 YouTube 网址末尾添加 &volumn=0。似乎没什么用,任何帮助都会受到赞赏。

<script src="http://pupunzi.com/mb.components/mb.YTPlayer/demo/inc/jquery.mb.YTPlayer.js"></script>

<section class="content-section video-section">
    <div class="pattern-overlay">
        <a id="bgndVideo" class="player" data-property="{videoURL:'https://www.youtube.com/watch?v=bP7vggHJLVM',containment:'.video-section', quality:'large', autoPlay:true, mute:true, opacity:1, volumn:0,}"></a>
        <h2>Overlay Textenter code here</h2>
    </div>
</section>


$(document).ready(function () {
    $(".player").mb_YTPlayer();
});

CSS

.video-section .pattern-overlay {
  padding: 110px 0 32px;
  min-height: 405px;
  background-color: rgba(76, 76, 76, .85);
  width: 100%;
}

.video-section .buttonBar {
  display: none;
}
.player {
  font-size: 1px;
}
.video-section h2 {
  font-size: 40px;
  text-align: center;
  font-family: 'proxima_novalight', Arial, Helvetica;
  color: #fff;
  margin: 9px;
}

.video-section .play-video {
  border: 3px solid #fff;
  color: #fff;
  width: 255px;
  height: 47px;
  text-align: center;
  padding-top: 10px;
}

最佳答案

这个对我有用,不包括“卷”:

data-property="{videoURL:'https://www.youtube.com/watch?v=bP7vggHJLVM',containment:'#intro-video',autoPlay:true, mute:true, startAt:0, printUrl:false,showControls:false, opacity:1, quality: 'highres'}

关于javascript - mb.YTPlayer jQuery 插件中背景视频静音的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32638498/

相关文章:

javascript - JWT token 未在 $resource 中的 header 上设置

html - 完全加载后播放html5视频

php - 如何像缩略图画廊一样嵌入 youtube channel ?

javascript - 在许多 promise 链之间共享全局已解决的 promise 会导致内存泄漏或性能下降吗?

asp.net - 在代码中访问 ScriptManager 代理

ios - 在 Swift 3 中向视频添加叠加层

video - FFmpeg:如何将水平视频 16:9 转换为垂直视频 9:16,顶部和底部背景模糊

python - 使用 Python 和 selenium 从 Tweet 中提取 YouTube 链接

youtube - 以编程方式注释 YouTube 视频

javascript - 日期未在数据库中保存正确的值