Javascript 有没有可能让这个YouTube视频自动播放并填满100%的屏幕
我有一段代码,看起来像这样,播放YouTube视频:Javascript 有没有可能让这个YouTube视频自动播放并填满100%的屏幕,javascript,html,youtube,flash,Javascript,Html,Youtube,Flash,我有一段代码,看起来像这样,播放YouTube视频: // The "main method" of this sample. Called when someone clicks "Run". function loadPlayer() { // The video to load var videoID = "XjMQmXAJ3y4" // Lets Flash from another domain call JavaScript var params
// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "XjMQmXAJ3y4"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess: "always"};
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", 800, 600, "8", null, null, params, atts);
是否可以使视频填满屏幕(100%宽度和100%高度)
另外,我想知道是否有可能使视频自动播放
--
编辑:自动播放问题已修复,但全屏宽度和高度问题仍然存在,我已尝试实现以下代码,但无效:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(window).height(); // returns height of browser viewport
$(document).height(); // returns height of HTML document
$(window).width(); // returns width of browser viewport
$(document).width(); // returns width of HTML document
</script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("swfobject", "2.1");
</script>
<script type="text/javascript">
var locationToRedirect = "http://URL.com";
function EventListener(ev)
{
if(!ev)
{
window.location.href = locationToRedirect;
}
else if(ev == 5)
{
ytpl = document.getElementById("ytPlayer");
ytpl.playVideo();
}
}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
ytplayer.addEventListener("onStateChange", "EventListener");
}
// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "XjMQmXAJ3y4"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess: "always"};
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&playerapiid=player1&autoplay=1",
"videoDiv", screen.height, screen.width, "8", null, null, params, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>
$(窗口).height();//返回浏览器视口的高度
$(文档).height();//返回HTML文档的高度
$(窗口).width();//返回浏览器视口的宽度
$(文档).width();//返回HTML文档的宽度
加载(“swfobject”,“2.1”);
var LocationToDirect=”http://URL.com";
函数EventListener(ev)
{
如果(!ev)
{
window.location.href=LocationToDirect;
}
否则如果(ev==5)
{
ytpl=document.getElementById(“ytPlayer”);
ytpl.playVideo();
}
}
函数onYouTubePlayerReady(playerId){
ytplayer=document.getElementById(“ytplayer”);
ytplayer.addEventListener(“onStateChange”、“EventListener”);
}
//本样本的“主要方法”。当有人单击“运行”时调用。
函数loadPlayer(){
//要加载的视频
var videoID=“XjMQmXAJ3y4”
//允许从另一个域调用JavaScript刷新
var params={allowScriptAccess:“始终”};
//闪存的元素id
var atts={id:“ytPlayer”};
//SWFObject处理的所有魔法(http://code.google.com/p/swfobject/)
swfobject.embeddeswf(“http://www.youtube.com/v/“+videoID+
“&enablejsapi=1&playerapiid=player1&autoplay=1”,
“videoDiv”、屏幕高度、屏幕宽度、“8”、空、空、参数、附件);
}
函数_run(){
loadPlayer();
}
setOnLoadCallback(_run);
有关获取屏幕大小的信息,请参阅。然后,您可以使用这些值来代替800600
,我相信这就是播放器的高度和宽度
然后只需在视频ID之后添加&autoplay=1
编辑:我发现了另一个关于屏幕分辨率的问题 自动播放解决方案起作用了,但全屏问题仍然存在,请检查我上面的代码,我打赌不是这样:)?您可能想要
$(window.width().toString()
和$(window.height().toString()
)。我读到它们一定是字符串。此外,您不需要在顶部显示所有“窗口”/“文档”内容。这些只是如何使用它的例子。你的确切意思是什么?“videoDiv”,$(窗口).height().toString(),$(窗口).width().toString(),“8”,null,null,params,atts);是的,这就是我的意思,抱歉。要让swf填充整个浏览器窗口(或者更确切地说是它的父元素),您可以使用“100%”而不是数字宽度和高度。比如swfobject.embedSWF(“…”、“videoDiv”、“100%”、“100%”、。。。