相关疑难解决方法(0)

我正在尝试将YouTube视频源添加到HTML5 <video>标记中,但它似乎不起作用.经过一些谷歌搜索,我发现HTML5不支持YouTube视频网址作为来源.

您可以使用HTML5嵌入YouTube视频吗？如果没有,是否有任何解决方法？

我正在使用Slick carousel插件创建一个视频轮播,用户可以添加,删除和过滤.我遇到的问题是,每当用户做一个事件(添加/删除/过滤)时,旋转木马上的所有视频都会重新加载,这给人一种笨重的感觉.

我发现重新加载可以停止,如果我进入slick.js并注释掉`_.$ slidesCache = _.$ slides;``,但是会破坏Filtering函数有没有办法阻止重新加载,同时仍保留所有函数？

JSFiddle:http://jsfiddle.net/neowot/eoov2ud1/37/

使用Javascript

$(document).ready(function(){
    var slideId = 0;
    var slides = [];
    $('.add-remove').slick({
        slidesToShow: 3,
        slidesToScroll: 3
    });

    var target = '<div class="videowrapper"><iframe src="https://www.youtube.com/embed/7WgYmnwO-Pw" frameborder="0" allowfullscreen></iframe></div>';

    $('.js-add-FirstClass-slide').on('click', function() {        
        $('.add-remove').slick('slickAdd','<div class="FirstClass"  slide-id="' + slideId + '"><h3><a class="sliderX">X</a>' + target + '</h3></div>');
        slides.push(slideId);
        slideId++;
    });

    $('.js-add-SecondClass-slide').on('click', function() {
        $('.add-remove').slick('slickAdd','<div class="SecondClass" slide-id="' + slideId + '"><h3><a class="sliderX">X</a>' + target + '</h3></div>');
        slides.push(slideId);
        slideId++;
    });

    var filtered = false;

    $('.ToggleFirstClass').on('click', function() {
        if (filtered …