Question

为了将视频合并到我们的导航结构中，我必须在视频顶部的右侧放置一个导航按钮（video-js player）。

我在PC浏览器和Adnroid上的效果很好，但是在iPad上（我想在iPhone上也是如此）按钮就在那里，但触摸它什么都不做，不是在视频运行时，也不在视频开始之前。

在页面上，我有video-js的标签，然后是

<div class="knopf1">
<a href="index.html"><img src="../../knopf-dia"></a>
</div>

CSS是 .knopf1 img {width：140px; 位置：绝对;底部：240px; 右：-5px; display：block}

我也试过z-index：99999！重要没有区别。

这个问题可能是什么原因？对解决方案的任何想法？

如上所述，这是播放器页面的完整代码：

<script type="text/javascript">   /* JS video player */
document.createElement('video');document.createElement('audio');
</script>

<link href="../../../video-js/video-js.css" rel="stylesheet">
<script src="../../../video-js/video.js"></script>
<script>
videojs.options.flash.swf = "../../../video-js/video-js.swf"
</script>

<style>
.knopf1 img {width:90px; position: absolute; bottom: 180px; right: 
-5px; display: block}
.knopf2 img {width:90px; position: absolute; bottom: 70px; right: -5px}

</style>

</head>

<body bgcolor="black" style="text-align:center">


<video style="width:717px; height: 470px; id="bolshoibelarus" autoplay ...  
class="video-js vjs-default-skin vjs-big-play-centered" 
controls preload="auto" width="717" height="440"
poster="video.png"
data-setup='{"example_option":true; "children": {"loadingSpinner": false}}'
>
<source src="video.mp4" type='video/mp4' />
<source src="video.webm" type='video/webm' />
<source src="video.ogv" type='video/ogg' />
</video>

<div class="knopf1">
<a href="index.html"><img src="../../knopf-dia"></a>
</div>

视频js播放器上的CSS链接无法在ipad上运行

0 个答案: