Question

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

是否可以将其变为白色，就像通常所做的那样＆＃34;背景颜色：白色＆＃34;在css？

编辑：A＆＃39; hack＆＃39;要解决这个问题：使用不透明的.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

您可以在顶部放置一个元素，其中包含播放按钮的图像，并将其编写为触摸时消失。可能不那么优雅，但它确实有效。

HTML <video>占位符在ipad上为黑色。我们可以改变吗？</video>

1 个答案: