Question

晚上好，这是我的第一个信息，我在那里读了很多，并做了很多研究，找到了解决方案，但没有取得好成绩。作为标题，在访问页面时阻止上传的好方法包含在＆lt; iframe＆gt; 标记中。

＆＃xA;＆＃xA;

示例代码是：＆lt; iframe＆gt; width =“560”height =“315”src =“https://www.youtube.com/embed/example”frameborder =“0”allowfullscreen＆gt; ＆lt; / iframe＆gt;

＆＃xA;＆＃xA;

我已经阅读了几个关于如何输入youtube iframe的代码，并允许稍后上传外部资源，更准确地说是在点击之后一个预览图像，使html，csss和javascript与youtube视频ID同步。＆＃xA;但我没有尝试这个解决方案，因为受影响的iframe不仅仅是youtube的一部分，而是来自其他来源，总是与与上例中相同的安排，没有发现任何可以引导我走向正确方向的东西。

＆＃xA;＆＃xA;

总是希望我得到很好的解释，你是否有任何提示如何隐藏iframe加载和重叠页面加载图像点击，消失，显示内容框架？谢谢。请原谅我非常糟糕的英语。

＆＃xA;

Answer 1

您可以使用YouTube的示例，只需将iframe源与其他变量一起替换为您自己的数据。只需跳过缩略图部分即可。如果需要，请使用您自己的事件替换点击事件。

技术保持不变。是不是YouTube！

请参阅此香草js example

确保您的视频具有唯一的ID。像这样呈现HTML。

<?php $i = 0; ?>
<?php foreach ($sources as $source): ?>
    <?php $i++; ?>

    <div class="video" id="video-<?php echo $i; ?>">
        <div class="divise" id="divise-<?php echo $i; ?>" data-embed="<?php echo $source; ?>">
            <div class="play-button"></div>
        </div>
    </div>
<?php endforeach; ?>

单击图像后如何加载<iframe>以提高性能？

1 个答案: