小编sne*_*euf的帖子

YouTube iOS8媒体加载问题 - 在Safari中媒体播放成功,但是当从主屏幕网络剪辑加载应用时,播放视频失败.

此外,在媒体无法加载时点击链接以离开页面导致应用程序完全崩溃到主屏幕.

这是一个演示这个的链接(显然在你的iDevice上运行).你最初可以在Safari浏览器中运行它,它会正常工作.将其安装为主屏幕图标,播放视频将失败,单击底部链接将使应用程序崩溃.

http://nterspace.com/youtubeissue.html

在Safari浏览器中加载应用程序时的代码是:

<iframe width="100%" maxwidth="432" height="270" src="//www.youtube.com/embed/_j4KrMAygJI" frameborder="0" allowfullscreen></iframe>

有人有什么想法？这是不好的嵌入代码？

在使用html2canvas时,我有一个stackDOM对象(相对定位的div包含各种东西),我希望为它创建单独的缩略图.所以,如果有十个div,我将创建十个缩略图.

这些对象中的一些将在屏幕外 - 这些div中的每一个都在一个称为"mainDiv"的单个包含div中.我遍历mainDiv中的div并分别在每个div上执行html2canvas.

对于那些屏幕上的人来说,这很好.屏幕外的那些不会 - 它们会变回空白.我创建了一个将对象滚动到顶部的解决方法,mainDiv但这是一个kludge,在视觉上没有吸引力.

是否可以指定不可见的DOM对象？理想情况下,我希望能够指定一个包含div并html2canvas忽略父可见性,因此我可以屏幕捕获隐藏的对象,但除此之外,我希望能够屏幕捕获仅在屏幕上滚动的对象.

有什么想法,想法？谢谢!

----这是一些示例代码.基本上,如果你在div中有一堆div,则迭代它们.我实际上这样做,recursively以便一次只处理一个,回调调用递归函数,所以它看起来像这样:

  function recurser(anIndex, callback) {
    if (anIndex == -1) {
        callback();
        return;
    }
    $(myDivs[anIndex]).html2canvas({
        onrendered : function(canvas) {
            var img = canvas.toDataURL();
            // store the image in an array, do stuff with it, etc.
            recurser(--anIndex, callback);

        }
    })

}

一旦递归调用完成,它就会执行回调函数,这是一个可以处理图像的函数.

同样,只要对象在包含#mainDiv中所有div的滚动div中可见,所有这一切都可以正常工作.然而,一旦div的任何部分被滚动,它们就会呈现黑色.实际上,如果两个div中的一半被滚动(一个的上半部分,下一个的下半部分),它们都会呈现完全黑色.