如何在离子框架中自动播放嵌入式视频?

时间:2015-06-08 08:46:55

标签: angularjs cordova ionic-framework ionic

任何人都可以帮我解决如何在Ionic框架中将我的嵌入式视频加载时自动播放。

示例:我有一个视频按钮,然后当我点击它时,它会直接转到视频然后自动播放

提前致谢

2 个答案:

答案 0 :(得分:0)

我认为如果你使用替换"&"用"?"在网址中,视频会自动加载。

所以你的网址是:http://www.youtube.com/embed/qPMIQobB3ZM?autoplay=1

似乎谷歌应该已经提供了这个,但我会说使用"?"比使用"&"。

更有意义

答案 1 :(得分:0)

在iOS HTML中,视频仅从用户输入开始。您无法在ios Safari中控制此行为。因为您提到'Ionic Framework',我假设您正在使用Cordova / PhoneGape / Ionic构建器构建应用程序?您可以将<preference name="MediaPlaybackRequiresUserAction" value="true"/>设置为config.xml文件http://cordova.apache.org/docs/en/4.0.0/guide_platforms_ios_config.md.html

将玩家嵌入:

<div id="ytplayer"></div>

<script>
  // Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replace the 'ytplayer' element with an <iframe> and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE',
      autoplay : 1
    });
  }
</script>

https://developers.google.com/youtube/player_parameters