2016-07-06 88 views
0

我之前已经能够在Android和iOS设备上播放嵌入式视频。经过一段时间的更新后,视频突然停止在iOS上工作,但仍然适用于Android。这很奇怪,很难调试,因为我对iOS方面知之甚少。有人能指出一个明显的问题或建议吗?我甚至尝试恢复代码,以使YouTube视频在iOS上无法运行,并且什么都不显示。iOS上使用Ionic/Cordova嵌入youtube视频问题的谜题

这里是代码我使用

HTML:

<iframe ng-if="data.youtube" width="90%" height="315" src='{{trustSrc(data.youtube)}}' frameborder="0" allowfullscreen="false" id="informationVideoBorder"></iframe> 

JS:

$scope.trustSrc = function (src) { 
    return $sce.trustAsResourceUrl(src); 
    } 

上解决这个任何大师的建议?

+0

看到浏览器的控制台日志中是否存在错误和'src'嵌入式'iframe'。 –

+0

控制台显示没有错误。它在浏览器控制台(YouTube视频显示)中看起来很好 – Doopler

+0

您能提供一个'trustSrc(data.youtube)'真实值吗? –

回答

0

而不是使用iframe的尝试这个iOS的特定片段:

控制器:

var video_embeded = 'CfFjwsA8PyU'; 
$scope.videoUrl = "https://www.youtube.com/v/'+video_embeded+'&hl=en_US&feature=player_embedded&version=3"; 

查看

<object> 
    <param name="movie" value="{{videoUrl}}"></param> 
    <param name="allowFullScreen" value="true"></param> 
    <param name="allowScriptAccess" value="always"></param> 
    <embed src="https://www.youtube.com/v/'+video_embeded+'?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed> 
</object> 
+0

我有点失落。我应该把什么,在HTML? – Doopler

+0

该视图,并把JS代码到相应的控制器。 –

+0

@Doopler是否适合你? –