jquery - 如何在 jquery 中加载 youtube 视频？

Question

我想在 js 函数中加载一个 youtube 文件。

这是我尝试过的代码：

当我使用引号内的链接时，它会加载 youtube 文件。

例如，

function loadVideo(){            
 var image=$('<iframe width="100%" height="100%" />');
 image.attr('src',"http://www.youtube.com/embed/XGSy3_Czz8k");              
 $('#screen2').html(image); 
}

但是当我通过 getAttribute() 检索链接时，它不会加载该 youtube 文件。

代码是，

function loadVideo(){       
 var videopath='<%=request.getAttribute("videofile")%>';     
 var image=$('<iframe width="100%" height="100%" />');
 image.attr('src',videopath);               
 $('#screen2').html(image); 
}

请回复。提前致谢...

Answer 1

JavaScript 是否内嵌在文档中？还是在单独的 .js 文件中？如果它位于单独的 .js 文件中，您将无法评估 ASP 标记。您必须loadVideo从文档中进行内联调用。

.js 文件：

function loadVideo(src){            
 var image=$('<iframe width="100%" height="100%" />');
 image.attr('src',src);
 $('#screen2').html(image); 
}

内联在文档中：

<script type="text/javascript">
  $(function() {
    loadVideo('<%=request.getAttribute("videofile")%>');
  }
</script>

Answer 2

尝试这个

<div onclick="loadVideo('<%=request.getAttribute("videofile")%>');"></div>