如何通过单击按钮全屏播放YouTube嵌入式视频?

时间:2018-08-21 18:42:17

标签: javascript html css iframe youtube

说,如果我的页面上有一个ERROR #splapptrc,J[40],P[444],CalculateFeaturesAndClassify[0].ClassifyDownloadsStream.ClassifyStream,spl_javaop M[?:com.ibm.streams.operator.internal.jni.JNIBridge.<init>:-1] - weka.classifiers.meta.Bagging; local class incompatible: stream classdesc serialVersionUID = -115879962237199703, local class serialVersionUID = -505879962237199703. ,允许用户在其中播放YouTube视频,例如:

FileDownloadClassifier.initialize(FileDownloadClassifier.java:43)

是否有一种方法可以在它下面有一个链接(或按钮),当有人单击它时可以全屏播放它?

classifierObj = (RandomForest) SerializationHelper.read(modelName)

PS。我不使用JQuery或任何其他库。

1 个答案:

答案 0 :(得分:1)

基于this的答案:

var iframe = document.getElementById("iframe");


document.getElementById("fullScreen").addEventListener("click", function(){

iframe.setAttribute("style", "position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;");



});
<iframe id="iframe"  width="560" height="315" src="https://www.youtube.com/embed/oR_e9y-bka0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

<p id="fullScreen">Click here to play it full screen.</p>

这里有一个示例https://jsfiddle.net/2vgsb64a/,因为这样会使YouTube陷于瘫痪。