在XPage重复控件中嵌入YouTube视频

时间:2015-02-27 20:45:24

标签: youtube xpages

我希望将YouTube视频嵌入到XPage中,可能会重复控制。我环顾四周但却无法找到特定于XPage的内容。我可以创建一个链接来打开YouTube视频,但这只是将它们移到YouTube但我不想离开我的网站。 有人有一个如何做到这一点的例子。

2 个答案:

答案 0 :(得分:3)

使用HTML <iframe>, <object> or <embed> tag将YouTube视频插入XPage重复控件。

示例:

<xp:repeat
    id="repeat1"
    rows="30"
    var="video"
    indexVar="number">
    <xp:this.value><![CDATA[#{javascript:
        [   "http://www.youtube.com/embed/XMoTb1iep48",
            "http://www.youtube.com/embed/lvs3vpmEKHg",
            "http://www.youtube.com/embed/63lYaeOJZOA",
            "http://www.youtube.com/embed/6D6PzLSlEsQ"
        ]
    }]]></xp:this.value>
    <iframe
        width="400"
        height="250"
        style="margin:2em"
        src="#{video}"
        frameborder="0"
        allowfullscreen="allowfullscreen">
    </iframe>
    <xp:text
        rendered="#{javascript:(number + 1) % 2 == 0}">
        <br />
    </xp:text>
</xp:repeat>

确保使用http://www.youtube.com/embed/YOUR_VIDEO_ID作为网址。

您可以找到详细说明here

答案 1 :(得分:0)

您需要follow instructions并在XPage中放置一个简短的代码段。类似的东西:

<iframe title="YouTube video player" class="youtube-player" type="text/html" 
width="640" height="390" src="http://www.youtube.com/embed/-X2zNe3YFNM"
frameborder="0" allowFullScreen></iframe>

如果你的重复行中有太多行,那么每次刷新都会有很多iframe重新加载。