HTML 占位符在 ipad 上是黑色的。我们可以改变它吗？

Question

我必须放置一个 <video>网页中的元素。当从 iPad 访问时，该页面会显示一个黑色占位符，直到访问者点击播放按钮。

有没有可能让它变成白色，就像通常在 css 中做的“background-color: white”？

编辑:解决此问题的“技巧”:用不透明的 .shield 覆盖视频层并有一个.play按钮开始视频。

        $('#intro_video .play').selectable({

            start: function(){

                $('#intro_video .play').fadeOut();
                $('#vid').get(0).play();

                setTimeout(function(){

                    // See HACK03
                    $('#intro_video .shield').fadeOut('slow');
                }, 200);
            }       
        });

可以很好地包裹在浏览器检查中以仅影响移动 Safari:

if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) { ... }

谢谢，

Answer 1

您可以在顶部放置一个带有播放按钮图像的元素，并编写脚本使其在触摸时消失。也许不是那么优雅，但它确实有效。