如何在Meteor App中嵌入YouTube播放器?

时间:2016-02-20 00:42:42

标签: meteor youtube cordova-ios meteor-cordova

我在我的HTML代码中添加了YouTubeiframe视频,它显示在我的localhost版本中,但不会显示在iOS模拟器上。有什么不对的吗?如何在我的myApp.html中嵌入YouTube视频,以便它在iOS模拟器和本地主机中显示?

如果我使用像{1}这样的Meteor包,这似乎应该没问题。但是,有没有其他方法可以做到这一点,而无需安装包?

  1. https://atmospherejs.com/adrianliaw/youtube-iframe-api

1 个答案:

答案 0 :(得分:1)

我能够使用相当标准的iFrame获取youtube视频:

import java.util.Scanner;
import java.io.*; //import class for file input.

public class InventoryStock {
    public static void main(String args[]) throws Exception {

        int size = 10;
        // Declarations
        String[] itemName = new String[size];
        double[] itemCost = new double[size];
        double[] inStockNumber = new double[size];
        int counter = 0;
        // End declarations

        Scanner input = new Scanner(System.in);
        // Open output file.
        FileWriter fw = new FileWriter("updatedStock.txt");
        PrintWriter pw = new PrintWriter(fw);

        {
            do {
                System.out.print("Enter item name");
                itemName[counter] = input.next();
                System.out.print("Enter item cost");
                itemCost[counter] = input.nextDouble();
                System.out.print("Enter Number in stock");
                inStockNumber[counter] = input.nextDouble();

                pw.println(itemName[counter] + ", " + itemCost[counter] + ", " + inStockNumber[counter]);

                counter += 1;
            } while (counter < size);
            fw.flush();
        }
        fw.close();
        System.exit(0);
    } // End of main method
} // End of InventoryStock class.

关键是创建一个<iframe ng-if="video.youtube_url_2" ng-src="{{video.youtube_url_2}}" frameborder="0" allowfullscreen></iframe> 文件(将它放在项目的根目录中,与README文件一起放在一起),并遵循以下规则(我怀疑它是第一个执行此操作的文件,包括两者都是为了以防万一 - 这实际上是一个问题,当我修复第二个问题时,它就自我解决了):

mobile-config.js