在WP7浏览器控件中显示嵌入的视频 - 已更新

时间:2013-02-13 10:33:32

标签: c# .net windows-phone-7 webbrowser-control embedded-video

我有一个嵌入在html页面上的iframe中的YouTube视频。我正在尝试使用WP7应用程序中的Web浏览器控件显示此视频(即,您可以单击以启动默认wp7视频播放器的按钮的视频表示)。浏览器拒绝使用按钮显示视频。注意:我使用不同的嵌入视频更新了下面的示例代码。测试代码如下所示:

    private void PageTitle_DoubleTap(object sender, GestureEventArgs e)
{
  string _htmlView = "<html><head><style type=\"text/css\">";
  _htmlView += " body { margin: 0; }";
  _htmlView += "</style></head><body>";
  _htmlView += "<iframe height=\"315\" src=\"http://www.youtube.com/embed/0KA4xPUJKtw?rel=0\" frameborder=\"0\" width=\"420\"></iframe>";

  _htmlView += "</body></html>";

  webBrowser.NavigateToString(_htmlView);

  // Navigating directly to the embedded video below does work though
  //webBrowser.Navigate(new Uri("http://www.youtube.com/embed/0KA4xPUJKtw?rel=0\"));

}

XAML

<phone:PhoneApplicationPage 
x:Class="WebTest.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
shell:SystemTray.IsVisible="True">

<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
        <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
        <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" DoubleTap="PageTitle_DoubleTap"/>
    </StackPanel>

    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
  <phone:WebBrowser x:Name="webBrowser" Margin="0,0,0,0" Width="Auto" IsScriptEnabled="True"/>


</Grid>
</Grid>

我得到“视频播放需要Adobe Flash Player或支持HTML5的浏览器”

有人遇到过这个问题并且有一些解决问题的想法吗?

注意:我无法控制来自第三方的内容。

2 个答案:

答案 0 :(得分:1)

不幸的是,嵌入式浏览器控件的行为与Windows Phone 7上的本机浏览器的行为不同。

要为youtube视频添加占位符图片,用户可以点击该视频以启动视频,您需要自己创建(或获取)图像。

答案 1 :(得分:0)

经过今天的大量调查,我发现html必须从一开始。添加后,视频按预期工作。我猜浏览器对它显示的内容感到困惑。