1

我在页面上有 3 个 youtube 视频。页面加载带有src “ http://img.youtube.com/vi/video_id/maxresdefault.jpg ”的img元素。然后，对于每个缩略图，都使用 youtube 的iframe视频代码。

即使我明确地将display: none指向iframe元素，如果我设置autoplay=1 ，它仍然会加载视频，并且它开始播放不可见。我认为它不会加载，虽然它是不可见的，所以我可以通过 css 调用显示和隐藏视频，而无需 javascript。

那么，当单击另一个缩略图并显示其他视频时，我如何指向 jQuery 清除“ iframe src= ”？

这个想法是只提供视频缩略图 jpg，并且只在显式点击缩略图时播放视频 - 如果其他视频已经在播放，那么应该停止清除它的src。所有视频都可以有不同的 * ID *s'。

PS我希望你能理解我的英语:(

4

2 回答 2

0

如果您有兴趣使用 AngularJs，那么它非常易于使用，

<iframe class="img-responsive" src="{{pdfLoc| trustThisUrl }}" ng-style="{
                height: iframeHeight * 0.75 + 'px'
            }" style="width:100%"></iframe>

这里 trustThisUrl 只是过滤器，

angular.module("deck").filter('trustThisUrl', ["$sce", function ($sce) {
        return function (val) {
            return $sce.trustAsResourceUrl(val);
        };
    }]);
于 2018-05-11T05:21:56.217 回答
-1

使用 jQuery 的.attr()方法。所以你会说$('iframe').attr('src', '');基本上删除它。

编辑：我还应该补充一点，您可以以相同的方式添加新 URL，$('iframe').attr('src', 'http://www.youtube.com/new-url-goes-here');只需确保将 iframe 更改为您设置的任何 iframe 或 ID

于 2013-03-15T23:38:41.483 回答