Javascript 无法在Chrome中的鼠标上方播放视频

我已将视频加载到搜索结果页面。在mouseenter上，我想将视频预览加载到一个单独的div中。然后视频将开始在div中播放

$(".videoSearchResults video").mouseenter(function () {
    var container = document.createElement("div");
    $(container).attr("class", "videoOverlay");
    $(container).css({
        "position": "relative",
        "padding": "5%",
        "height": "130px",
        "background-color": "rgb(211, 209, 209)",
    });
    var sources = $(this).html();
    var clip = "<video autoplay='autoplay' style='max-width: 100%; height: 120px;'>" + sources + "</video>";
    var output = clip;
    $(container).append(output);
    $(this).parent().append(container);
    $(clip).get(0).play();

$（“.videoSearchResults video”）.mouseenter（函数（）{
var container=document.createElement（“div”）；
$（container.attr（“class”，“videoOverlay”）；
$（容器）.css({
“位置”：“相对”，
“填充”：“5%”，
“高度”：“130px”，
“背景色”：“rgb（211209209209）”，
});
var sources=$（this.html（）；
var clip=“”+来源+”；
var输出=clip；
$（容器）.append（输出）；
$（this.parent（）.append（容器）；
$（剪辑）.get（0.play（）；

---

该解决方案在Firefox中可用，但视频无法在Chrome中播放。有没有解决方案可以在Chrome中使用？

您必须始终将

clip

作为jQuery对象，否则您将使用最后一行中的相同代码创建一个新对象（

$（clip）.get（0.play（）；

）

这应该起作用：

var clip = $("<video autoplay='autoplay' style='max-width: 100%; height: 120px;'>" + sources + "</video>");
var output = clip;
$(container).append(output);
$(this).parent().append(container);
clip.get(0).play();

var clip=$（“”+sources+“”）；
var输出=clip；
$（容器）.append（输出）；
$（this.parent（）.append（容器）；
clip.get（0.play（）；

我在chrome的视频中也遇到了类似的问题

尝试将ID添加到视频HTML字符串中，然后再将其附加到标记中，然后

var vid = document.getElementById('clip');
clip.play()

---

Chrome控制台中是否有错误？控制台中没有错误。问题是我向服务器发出了太多请求，因此达到了可用套接字数量的限制。