fantasywind/ios_frame.html

## ios_frame.html
<!DOCTYPE html>
<html>
  <body>
    <div id="player"></div>
    <script>
      var apiLoaded = false;
      var playerReady = false;
      var player;

      function onYouTubeIframeAPIReady() {
        apiLoaded = true;
      }

      function onPlayerReady(e) {
        playerReady = true;

        window.location = 'youtube-ready://ok';
      }

      function playVideo() {
        if (!playerReady) return alert('Player is not ready');

        player.playVideo();
      }

      function pauseVideo() {
        if (!playerReady) return alert('Player is not ready');

        player.pauseVideo();
      }

      function seekVideoTo(seconds = 0) {
        if (!playerReady) return alert('Player is not ready');

        player.seekTo(seconds);
      }

      function loadVideo(videoId) {
        if (!apiLoaded) return alert('API Not Loaded, please wait...');
        if (!videoId) return alert('Cannot found videoId');

        player = new YT.Player('player', {
          height: document.documentElement.clientHeight,
          width: document.documentElement.clientWidth,
          videoId,
          events: {
            'onReady': onPlayerReady,
          },
          playerVars: {
            loop: 0,
            enablejsapi: 1,
            rel: 0,
            controls: 0,
            autoplay: 1,
            playsinline: 1,
            showinfo: 0,
          },
        });
      }
    </script>
    <script src="https://www.youtube.com/iframe_api"></script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<body>
	<div id="player"></div>
	<script>
	var apiLoaded = false;
	var playerReady = false;
	var player;

	function onYouTubeIframeAPIReady() {
	apiLoaded = true;
	}

	function onPlayerReady(e) {
	playerReady = true;

	window.location = 'youtube-ready://ok';
	}

	function playVideo() {
	if (!playerReady) return alert('Player is not ready');

	player.playVideo();
	}

	function pauseVideo() {
	if (!playerReady) return alert('Player is not ready');

	player.pauseVideo();
	}

	function seekVideoTo(seconds = 0) {
	if (!playerReady) return alert('Player is not ready');

	player.seekTo(seconds);
	}

	function loadVideo(videoId) {
	if (!apiLoaded) return alert('API Not Loaded, please wait...');
	if (!videoId) return alert('Cannot found videoId');

	player = new YT.Player('player', {
	height: document.documentElement.clientHeight,
	width: document.documentElement.clientWidth,
	videoId,
	events: {
	'onReady': onPlayerReady,
	},
	playerVars: {
	loop: 0,
	enablejsapi: 1,
	rel: 0,
	controls: 0,
	autoplay: 1,
	playsinline: 1,
	showinfo: 0,
	},
	});
	}
	</script>
	<script src="https://www.youtube.com/iframe_api"></script>
	</body>
	</html>