2

私は運が悪かったので、Windows 8のhtml5とjavascriptアプリでYouTubeビデオを再生しようとしていました！

default.htmlの本文に動画を埋め込むために提供されているコードyoutubeをコピーして貼り付けてみました。例：

<iframe width="420" height="315" src="http://www.youtube.com/embed/k07IaB9yq_U" frameborder="0" allowfullscreen></iframe>

これにより、次のエラーが発生します。

ビデオの再生には、AdobeFlashプレーヤーまたはHTML5対応のブラウザが必要です。最新のFlashPlayerを入手するHTML5ブラウザの更新の詳細をご覧ください。

前のリンクでビデオタグを使用しようとすると、たとえば次のようになります。

<video src="http://www.youtube.com/embed/k07IaB9yq_U" controls></video>

ソースが無効だと言っています！

これを行う正しい方法は何ですか？

ありがとう

4

2 に答える 2

2

YouTubeには、HTML5でいくつかのビデオを提供するベータプログラムがあります。ここから参加できます。これが完了すると、YouTube URLに移動して、HTML5YouTubeビデオをWebViewコントロールに埋め込むことができるようになります。

FlashビデオはMetroスタイルアプリでは表示できません。

Webビューコントロールのコード

string htmlFragment =
@"<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
            <html>
               <head>
                  <title>YouTubePagesample</title>
               </head>
               <iframe width='560' height='315' src='http://www.youtube.com/embed/{YoutubeID}' frameborder='0' allowfullscreen></iframe>
               <body>
               </body>
            </html>;";
        this.webView.NavigateToString(htmlFragment);
于 2012-11-22T12:38:10.470 に答える
1

Win 8アプリは、アプリに外部JSが挿入されることを好まないため、setInnerHTMLUnsafeメソッドを使用します。videoPlayerは、埋め込みを追加するdivです。

 var content = '<iframe width="480" height="270" src="http://www.youtube.com/embed/8sPj0Ic8KQ8?rel=0" frameborder="0" allowfullscreen></iframe>' ;
 WinJS.Utilities.setInnerHTMLUnsafe(videoPlayer, content);
于 2013-02-08T13:18:32.137 に答える