小编Moh*_*ABI的帖子
在Chrome浏览器中单击时，youtube视频不会自动播放
我获得了这段代码，可以在点击图片时以动态方式嵌入youtube视频，但效果正常，但点击时不会自动播放。
它在mozilla中工作正常，但在chrome中不工作。
我在网页中放置图片（视频缩略图）而不是视频iframe以减少页面加载，并且当单击这些缩略图时，我通过jquery动态加载了iframe，一切工作正常，但是加载的视频无法自动播放，但给了另一个按钮播放youtube视频。
我希望在点击Chrome时自动播放。请帮忙
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>YouToubes replace example</title>
<script src="jquery-1.11.2.min.js"></script>
<style>
p {margin-bottom:2em;}
iframe,.ytLoader {display:block;margin:0 auto;width:50vw;height:37.5vw;border:0.5vw solid #ccc;}
.ytLoader {position:relative;cursor:pointer;overflow:hidden;}
.ytLoader>.cover {width:100%;height:auto;}
.ytLoader>.playBtn {position:absolute;top:50%;left:50%;width:20%;height:auto;transform:translate(-50%,-50%);opacity:0.5;}
</style>
<script>
function youTubes_makeDynamic() {
var $ytIframes = $('iframe[src*="youtube.com"]');
$ytIframes.each(function (i,e) {
var $ytFrame = $(e);
var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0];
var $ytLoader = $('<div class="ytLoader">');
$ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">'));
$ytLoader.append($('<img class="playBtn" src="play_button.png">'));
$ytLoader.data('$ytFrame',$ytFrame);
$ytFrame.replaceWith($ytLoader);
$ytLoader.click(function () {
var $ytFrame …7
推荐指数
推荐指数
2
解决办法
解决办法
1275
查看次数
查看次数
当 <p> 标记中的文本更改时，如何检测或触发事件？
我想在<p>标签内的文本发生更改时触发事件。我想使用change()，但我意识到它适用于表单输入元素。
$("#click").click(function() {
$('p').html("done");
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<p> Hello </p>
</div>
<button id="click">click to change</button>1
推荐指数
推荐指数
1
解决办法
解决办法
3081
查看次数
查看次数
有没有办法像我们在 python 中访问列表那样访问减索引数组元素？
var str=['a','c','d','o','p'];
如何'o'使用像 str[-2] 这样的减号索引访问上面的字符串；在javascript中；
在 python 中，我很容易做到这一点，但我卡在这里了，请帮忙。
我正在为此任务工作。一个常见的现代用途是 ROT13 密码，其中字母的值移动了 13 位。因此'A'？'N'，'B' ？'O' 等等。
所以我想用减号访问。例如，如果给定的字母是 z，则索引是 25，所以我访问str[-str.length+13];
0
推荐指数
推荐指数
1
解决办法
解决办法
124
查看次数
查看次数
如何将元素添加为article元素的最后一个子元素
<article>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<div><p></p></div>
<img/>
<p> i want to add element after this</p>
</article>我有一个article元素，其中许多元素是它的子元素，我想在关闭article元素的标签之前添加最后一个元素。
我想要jquery中的一些代码在运行时随机执行此操作。
我的意图是在文章元素之前添加lastelemnt只是示例，因为在这里它可以是div，ul等
0
推荐指数
推荐指数
2
解决办法
解决办法
88
查看次数
查看次数
溢出：隐藏使伪元素本身隐藏
我正在尝试使用上方曲线的伪元素来实现下面的布局，但是这样做有问题
我已经试过了
ul li{
width: 300px;
min-height: 400px;
border: 5px solid #bcbcbc;
padding: 5px;
list-style: none;
}
.upper{
height: 200px;
}
.bottom{
background: #000;
height: 200px;
position: relative;
overflow: hidden;
}
.bottom:before
{
content: '';
position: absolute;
top:-50px;
border-bottom:25px solid #000;
content: '';
position: absolute;
top: -50px;
border-bottom: 25px solid #000;
border-top: 25px solid transparent;
width: 100%;
border-left: 150px solid transparent;
border-right: 150px solid #000;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>
<div class="upper"></div> …0
推荐指数
推荐指数
1
解决办法
解决办法
55
查看次数
查看次数