当我将视频放入 bxSlider 上的幻灯片时，它可以在桌面浏览器上正常播放，但在 iOS 设备（iPhone 和 iPad）上测试时，视频将无法播放。
我已经包含了当前的 html 代码。我已经复制了<video>幻灯片下方的元素，它应该在所有设备上播放。
根据关于视频的 bxSlider 指南，我已经包含了jquery.fitvids.js文件。问题可能与该插件有关，因为当我删除它时，幻灯片中的视频会播放，但是，幻灯片无法正常运行（重复的幻灯片可见并且缺少控件）。
另一个需要注意的意想不到的事情是，当初始化 bxSlider 的脚本放在库下方的头部时，bxSlider 根本不会启动。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vid test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="jquery.fitvids.js"></script>
<script src="jquery.bxslider.js"></script>
</head>
<body>
<ul class="bxslider">
<li>
<video width="100%" height="300" id="video1" controls preload="auto">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2013/06/Becel_15s.mp4" type="video/mp4">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2012/10/Becel_15s_120822b.webm" type="video/webm">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2012/10/Becel_15s_120822b.ogv" type="video/ogg">
</video>
</li>
</ul>
<video width="100%" height="300" id="video1" controls preload="auto">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2013/06/Becel_15s.mp4" type="video/mp4">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2012/10/Becel_15s_120822b.webm" type="video/webm">
<source src="http://dev.kirnauskis.com/kirnauskis/design-update01/wp-content/uploads/2012/10/Becel_15s_120822b.ogv" type="video/ogg">
</video>
<script>
$(".bxslider").bxSlider({
video: true,
useCSS: false
});
</script>
</body>
</html>