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

Question

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

是否可以使它变成白色，就像通常在 css 中做“背景颜色：白色”一样？

编辑：解决此问题的“黑客”：用不透明.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

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