是否可以使此YouTube视频自动播放并填满100%的屏幕
Is it possible to make this YouTube video autoplay AND fill up 100% of the screen
所以我有这个代码,看起来像这样,可以播放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 = { 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>
请参阅此问题以获取屏幕的大小。然后,您可以使用这些值来代替您拥有800, 600
我相信您拥有播放器高度和宽度的位置。
然后只需在视频 ID 后添加&autoplay=1
即可。
编辑:我发现了另一个涵盖屏幕分辨率的问题。如何在javascript和/或php中获取访问者的屏幕分辨率?
相关文章:
- 如何将屏幕分辨率乘以 80%,然后在代码中使用
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 使用图像数组列表的simplegallary.js显示适合桌面屏幕的图像
- 导航栏没有调整到浏览器屏幕的大小
- 调整屏幕大小后不显示子菜单
- 如何在p5.js中管理多智力竞赛游戏的多个屏幕
- jQuery:当屏幕大小改变时,如何更改默认图像和悬停图像
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何知道元素在屏幕上是否可见.如果没有,请滚动页面
- 如果使用javascript函数屏幕太小,我该如何更改HTML文件的背景色
- 如何打开/移动主屏幕左侧的浏览器窗口
- 如何在屏幕外或项目的中心视口中跟随YUI驱动的动画
- 用HTML在不同屏幕上显示和隐藏内容的方法
- 调整屏幕大小时更改属性值
- 追加(ajax -data)屏幕外(左:100%;)
- 100%屏幕大小,无论分辨率
- 向左移动:如果可拖动元素离屏幕60%,则为100%
- 标题在滚动100%屏幕高度调整大小
- 如何将图像的大小设置为屏幕宽度的100%,但只有当<1024 px
- 是否可以使此YouTube视频自动播放并填满100%的屏幕