如何在我自己的应用程序中显示Vimeo视频

时间:2016-03-10 14:45:20

标签: video appcelerator vimeo appcelerator-titanium appcelerator-alloy

我有一个适用于Android和iPhone的应用,我们想要创建一个包含一些视频的页面供用户查看(说明)。这些视频都在Vimeo上(你可以看到它们here)。

我知道我无法获取“真实”媒体文件的网址 - 因此无法使用<VideoPlayer>控件。我试图设置一个简单的<Webview>来以与上面引用的网页类似的方式显示视频。这似乎适用于Android - 但对于iPhone它似乎没有出现......这是代码的片段:

    <View class="formRow">
        <WebView html="<html><body><iframe src='http://player.vimeo.com/video/151036965' width='320' height='240' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></body></html>"></WebView>
    </View>

如果我在同一页面上放了一个简单的链接:

    <View class="formRow">
        <WebView html="<a href='http://vimeo.com/151036965'>Se video</a>"></WebView>>
    </View>

...然后我可以按下该链接然后观看视频 - 所以播放的格式应该是OK。

任何见解/建议将不胜感激: - )

/约翰

2 个答案:

答案 0 :(得分:2)

好吧,这有点奇怪......在尝试Shawn的建议时,我也在那里做了自己的尝试 - 我在问题中显示的那条线现在实际上有效了!

<View class="formRow">
    <WebView html="<html><body><iframe src='https://player.vimeo.com/video/151036965' width='320' height='240' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></body></html>"></WebView>
</View>

我无法解释为什么......但是,我确实在上次尝试之前添加了最后三个属性。我只能猜测,当我尝试时它们不会生效。如果我使用httphttps引用视频,那似乎并不重要,所以我最终使用了https

但总结一下 - 上面的标记似乎可以正确显示Android和iPhone的视频播放器: - )

/约翰

答案 1 :(得分:0)

试试这个:

<WebView url="http://player.vimeo.com/video/151036965"></WebView>

看看它是否适合你。