【问题标题】:Is there any way that Bitmovin Player can autoplay without muted?Bitmovin Player 有什么方法可以在不静音的情况下自动播放?
【发布时间】:2018-12-26 21:18:57
【问题描述】:

我试图让 Bitmovin Player 自动播放而不静音。并且浏览器表示不允许。但是 Netflix 和亚马逊电影可以。只是想知道无论如何可以使Bitmovin Player自动播放而不静音?谢谢!

config = {
key: 'INSERTPROVIDEDKEYHERE',
playback: {
  autoplay: true,
  muted: false
},
source: {
  dash: 'https://path/to/mpd/file.mpd',
  hls: 'https://path/to/hls/playlist/file.m3u8',
  smooth: 'https://path/to/manifest/file/Manifest',
  progressive: [{
    url: 'http://path/to/mp4',
    type: 'video/mp4'
  }, {
    url: 'http://path/to/webm',
    type: 'video/webm'
  }],
  poster: 'images/poster.jpg',  
}}

浏览器返回:“无法开始播放,原因:play() 失败,因为用户没有先与文档交互。”

【问题讨论】:

  • 这是移动设备上的问题吗?还是在任何设备中?
  • @AlvaroMontoro 它在任何设备中。
  • 检查this question 和这个other question。他们有同样的问题,他们解释了为什么没有静音就不能自动播放,链接到Google Docs reference。这个问题可以被认为是这两个问题的重复。
  • 是的,我已经检查过了。但 Netflix 和亚马逊电影播放器​​似乎能够自动播放任何电影而无需静音。你知道他们是怎么做到的吗? bitmovin 有什么办法可以做同样的事情吗?
  • 阅读链接的Google Docs reference。它解释了如何仅在用户交互后才允许自动播放声音(不是您的情况);或者如果该站点的 MEI 较高(可能不是您的站点,而是 Netflix、Amazon、Youtube 等的案例。该链接提供了 MEI 的解释及其计算方式);或在某些情况下在移动设备上。主要问题是您的网站可能没有足够的媒体播放量供 Chrome 自动播放声音。

标签: javascript


【解决方案1】:

Bitmovin 播放器在源加载后触发事件ON_SOURCE_LOADED,因此通过监听此事件,您可以在下一步播放视频。

【讨论】:

  • 谢谢!我试试看。
【解决方案2】:

这是较新的浏览器版本无法始终自动启动视频并消耗过多能量的问题。

他们还写了一篇关于这个https://bitmovin.com/play-not-play-new-autoplay-policies-safari-11-chrome-64/的博客文章

【讨论】:

    【解决方案3】:

    阅读链接的谷歌文档blogposts。它解释了如何仅在用户交互后才允许自动播放声音(不是您的情况);或者如果该站点的 MEI 较高(可能不是您的站点,而是 Netflix、Amazon、Youtube 等的案例。该链接提供了 MEI 的解释及其计算方式);或在某些情况下在移动设备上。主要问题是您的网站可能没有足够的媒体播放供 Chrome 自动播放声音。 – 阿尔瓦罗·蒙托罗

    【讨论】:

      【解决方案4】:

      似乎 Chrome whitelists 一些网站:

      如果您没有浏览历史记录,Chrome 允许自动播放 1,000 多个网站,我们发现在这些网站中,访问者播放有声媒体的比例最高。

      如果您的网站不是这些网站之一,您将不得不实施 hack,例如来自MDN

      let playAttempt = setInterval(() => {
        videoElem.play()
          .then(() => {
            clearInterval(playAttempt);
          })
          .catch(error => {
            console.log('Unable to play the video, User has not interacted yet.');
          });
      }, 3000);
      

      【讨论】:

        猜你喜欢
        • 2020-06-06
        • 2020-12-29
        • 2018-10-21
        • 1970-01-01
        • 2021-04-16
        • 1970-01-01
        • 2021-11-29
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多