我有一个适用于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。
任何见解/建议将不胜感激: - )
/约翰
答案 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>
我无法解释为什么......但是,我确实在上次尝试之前添加了最后三个属性。我只能猜测,当我尝试时它们不会生效。如果我使用http
或https
引用视频,那似乎并不重要,所以我最终使用了https
。
但总结一下 - 上面的标记似乎可以正确显示Android和iPhone的视频播放器: - )
/约翰
答案 1 :(得分:0)
试试这个:
<WebView url="http://player.vimeo.com/video/151036965"></WebView>
看看它是否适合你。