为什么 YouTube 嵌入代码不能在三星这样的智能手机上运行？

Question

我正在使用 Youtube 嵌入式代码在我的网站上显示我的视频。要显示此视频，我正在使用 Jquery 插件和 Youtube 嵌入式代码。

问题我的视频无法在三星智能手机上播放或显示。

这是我的 JS 代码

$(document).ready(function () {
var first_child = $(".url").first().text();
        $("<iframe id=videos class=" + first_child + " width=701 height=400 src='https://www.youtube.com/embed/" + first_child + "?rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video');
        $('ul#vurl li').on('click', function ()
        {
            var newname = $(this).children('span.url').text();
            if ($('#video>iframe').hasClass(first_child)) {

                $('#video').html("");
                $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video');
            }
            if ($('#video>iframe').hasClass(newname)) {

                $('#video').html("");
                $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video');
            } else {
                $('#video').html("");
                $("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>").appendTo('#video');
            }
        }
        );
     });

这是用户点击我的视频后结果的 HTMl

<div class="wrapper ">
        <div class="bg-gray">
            <div class="col-lg-9">
                <div class="data" id="video"></div>
            </div>
            <div class="col-lg-3">
                <div class="data">
                    <ul id="vurl">

                        <li class="video_title"><a class="no">title </a><span class="url" style="display: none;">T1JbM8Oged0</span></li>
                        <li class="video_title"><a class="no">Kham New MV </a><span class="url" style="display: none;">AfBne0tKMCw</span></li>
                        <li class="video_title"><a class="no">Title</a><span class="url" style="display: none;">0ynW4eg70uA</span></li>
                    </ul> 
                </div>
            </div> 
        </div>
    </div>

Answer 1

您正在使用 HTML 字符串作为选择器。尝试使用元素 ID 作为选择器，并将 HTML 字符串附加到它：

$('#video').append("<iframe class=" + newname + " width=701 height=400 src='https://www.youtube.com/embed/" + newname + "?autoplay=1&rel=1&amp;controls=1&amp;showinfo=1' frameborder='0' allowfullscreen></iframe>");