无法在iOS Safari上嵌入的视频内滚动

Question

我有一个需要在移动设备上呈现的页面。在Safari上，用户无法在视频区域内滚动页面。我尝试应用-webkit-overflow-scrolling : 'touch';无效。

HTML

<div class="video-container" style="display: none;">
  <iframe src="{{ cms:page:youtube:string }}" width="500px" height="281px"> </iframe>
</div>

CSS

.video-container {
  position: relative;
  padding-bottom: 20px;
  padding-top: 30px;
  width: 500px;
  max-width: 100%;
  overflow: auto;
  margin: 0 auto;'
  -webkit-overflow-scrolling : 'touch';
}

Answer 1

我遇到了同样的问题，似乎需要删除触摸周围的单引号。

-webkit-overflow-scrolling: touch;

作品： - ）