Вставить youtube видео в visual studio инструмент для cordova

Question

Я новичок в визуальной студии cordova. Я хочу встраивать или импортировать видео youtube в приложение для Android в инструменте Visual Studio для кордовы 2015. Но я не показываю никакого видео, когда запускаю свой код. Ниже приведен код.

<div id="player"> 
     <iframe id="player" width="300" height="300" src="https://www.youtube.com/embed/sGPrx9bjgC8" frameborder="1" allowfullscreen> </iframe> 
     <br /> 
    </div> 
    <div> 
     <a href="javascript:void(0);" id="play">Play</a>|| 
     <a href="javascript:void(0);" id="pause">Pause</a>|| 
     <a href="javascript:void(0);" id="mute">Mute</a>|| 
     <a href="javascript:void(0);" id="unmute">UnMute</a> 
    </div> 

    <script type="text/javascript" src="cordova.js"></script> 
    <script type="text/javascript" src="scripts/platformOverrides.js"></script> 
    <!--<script type="text/javascript" src="scripts/index.js"></script>--> 
</body> 

Вот изображение, когда я запускаю мой код.

Answer 1

Вы должны объявить домен youtube.com в вашем config.xml со свойством «фрейма» установлено значение «истина»

<allow-navigation href="https://youtube.com" iframe="true" /> 

Answer 2

Прежде всего, вам нужно установить cordova-whitelist-plugin, если вы не» это есть.

В вашем файле HTML вы должны включить следующий метатег. Это позволяет использовать iframe для Youtube.

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; frame-src 'self' https://www.youtube.com/"> 

Кроме того, вы можете использовать тег, который позволяет все:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 

И в конце концов, вы должны добавить <access> теги в вашем config.xml файле:

<access origin="https://www.youtube.com" />