我已经用 iscroll4 实现了一个基本的图像轮播。有了图像，一切都（近乎）完美。
但是当我尝试通过 HTML5 标签添加视频时，轮播停止，当我滑动视频时，它会将页面向右或向左滚动。
我的旋转木马也有这个问题。我的页面有点长，所以你必须向下滑动才能看到所有内容。但是当您在轮播区域中向下滑动时，什么也没有发生。
我只希望轮播能够理解左右滑动，以及点击视频标签。
这样的事情可能吗？
这是我的 html 的骨架。
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li><img src="1.png" width="280" /></li>
<li>
<video width="280" controls="controls" type="video/mp4" src="x.m4v" poster="x.jpg" />
</li>
<li><img src="2.JPG" width="280" /></li>
</ul>
</div>
</div>
i've implemented a basic carousel for images with iscroll4. with images everything is (near) perfect.
but when i try to add a video via HTML5 tag, the carousel stops,when i swipe through the video, it scrolls the page to right or left.
i also have this problem with the carousel. my page is a little bit long, so you have to swipe down to see all of the contents. but when you swipe down in the area of carousel, nothing happens.
i only want the carousel to understand swipe-left and right, and the video tag to tap.
is something like this possible?
here is a skeleton of my html.
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
<li><img src="1.png" width="280" /></li>
<li>
<video width="280" controls="controls" type="video/mp4" src="x.m4v" poster="x.jpg" />
</li>
<li><img src="2.JPG" width="280" /></li>
</ul>
</div>
</div>
发布评论
评论（1）
您必须通过删除视频控件属性来禁用本机视频控件并使用 自定义视频控件。
来源：https://stackoverflow.com/a/3488052/458679
You have to disable native video controls by removing video control attribute and use a custom video control.
Source: https://stackoverflow.com/a/3488052/458679