相关疑难解决方法(0)
将Youtube视频源显示为HTML5视频标签？
我正在尝试将YouTube视频源添加到HTML5 <video>标记中,但它似乎不起作用.经过一些谷歌搜索,我发现HTML5不支持YouTube视频网址作为来源.
您可以使用HTML5嵌入YouTube视频吗？如果没有,是否有任何解决方法？
99
推荐指数
推荐指数
4
解决办法
解决办法
28万
查看次数
查看次数
如何将Youtube视频嵌入HTML5 <video>标签？
我正在实施网站,我需要将YouTube视频嵌入到HTML5中的标记中.你能告诉我如何在不使用的情况下将其嵌入其中<iframe>
19
推荐指数
推荐指数
2
解决办法
解决办法
6万
查看次数
查看次数
删除嵌入youtube的黑色边框
我想在我的网站背景上嵌入一个YouTube视频.我有这个工作,它是响应,除了当我的嵌入视频是宽屏(16:9),但我的视口是例如方形(1:1),它创建黑色边框,以补偿剩余的空间.
我想知道是否有裁剪视频的选项,以便视频的"中心"始终在屏幕上,就像上面的示例图片一样.剩下的部分将被切断.我认为图像的CSS相当于background-size: cover;.
这是我现在的代码.尝试使您的视口正方形,您将看到黑色边框.它也可以在jsfiddle中使用.
<html>
<head>
<style>
body,html{ margin:0; padding:0; height:100%;}
div.bg_utube {
position: fixed;
z-index: -99999;
-webkit-user-select: none;
user-select: none;
width: 100%;
height: 100%;
}
#player{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="bg_utube">
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "http://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
var video_id = 'JQ7a_8psCn0';
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: …10
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数