Jump to content

antiblef

Участник
  • Content Count

    3
  • Joined

  • Last visited

Community Reputation

0 Нейтральный

About antiblef

  • Rank
    Новенький
  1. antiblef

    antiblef,
    Как сделать автозапуск и автостоп видео при прокрутке в Muse?

    Спасибо огромное! Прямо очень сильно помогли!
  2. antiblef

    antiblef,
    Как сделать автозапуск и автостоп видео при прокрутке в Muse?

    Добрый день, появилась данная задача никак не могу реализовать, вроде нашел рабочий код, но если вставлять его посредствами muse (вставить html), все не работает, видео не автозапускается когда появляется на экране и не останавливается когда видео не на экране. Код нашел здесь Сам код ниже. <!-- div в котором будет проигрываться наш видеоролик --> <div id="video-placeholder"></div> <script type="text/javascript"> //соединяемся с API Youtube var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); function checkPosition(){ //функция проверки видимости элемента на jquery var div_position = $('#video-placeholder').offset(); var div_top = div_position.top; var div_left = div_position.left; var div_width = $('#video-placeholder').width(); var div_height = $('#video-placeholder').height(); var top_scroll = $(document).scrollTop(); var left_scroll = $(document).scrollLeft(); var screen_width = $(window).width(); var screen_height = $(window).height()+600; var see_x1 = left_scroll; var see_x2 = screen_width + left_scroll; var see_y1 = top_scroll; var see_y2 = screen_height + top_scroll; var div_x1 = div_left; var div_x2 = div_left + div_height; var div_y1 = div_top; var div_y2 = div_top + div_width; if( div_x1 >= see_x1 && div_x2 <= see_x2 && div_y1 >= see_y1 && div_y2 <= see_y2 ){ //если элемент видим на экране, запускаем видео Youtube player.playVideo(); }else{ //если не видим, ставим видео на паузу player.pauseVideo(); } } $(document).ready(function(){ //запускаем функцию проверки видимости элемента $(document).scroll(function(){ checkPosition(); }); $(window).resize(function(){ checkPosition(); }); }); function onYouTubeIframeAPIReady() { //рисуем видеопроигрыватель Youtube player = new YT.Player('video-placeholder', { width: 600, height: 400, //размеры окна видео playerVars: { 'autoplay': 0, 'controls': 0, 'showinfo': 0, 'rel': 0}, //тонкие настройки видеопроигрывателя videoId: 'fqesxT90x8g', //здесь id ролика });} </script> Прошу помочь с этим вопросом, как его можно заставить работать в muse? Может разделить его на части и в разные собственно части вставить? Буду очень благодарен если поможете. Заранее спасибо.
  3. antiblef

    antiblef,
    Как сделать якорь ссылкой без http в muse?

    Возникал такая проблема, сделали сайт на котором порядка 10 страниц, в среднем в добавляем 2-5 страниц и удаляем примерно столько же, т.е. постоянно идет обновление. Чтобы облегчить себе работу, сделали шаблон футера большой и хейдера, в итоге создавая страницу с нужным нам шаблоном фактически остается быстро заполнить изменяющую информацию и все хорошо. Но возникла проблема, мы поставили якорь #top в самом верху, а в шаблоне сделали кнопку ведущую к этому якорю. В итоге если в шаблон добавить какой-то якорь определенной странице, то на всех страницах идет ссылка на эту страницу, что не правильно! Если делать кнопку ссылкой на якорь просто #top, то muse изменяет данную ссылку на http://#top в итоге кнопка из шаблона не работает. Сейчас решаем данный вопрос выгружая файлы, потом ищем через notepad++ в файлах ссылку http://#top и заменяем ее на #top. Бывает несколько раз за день производим изменения и каждый раз после выгрузки приходится изменять данную ссылку чтобы все работало. Отказываться от этой кнопки не хочется, так как она получилась довольно эффективной по структуре сайта, но и каждый раз при выгрузке делать "танцы с бубном" не хочется. Как сделать чтобы muse выгружал просто в поле ссылке #top сразу? А не http://#top Буду благодарен за помощь форумчанам! Заранее спасибо.
×
×
  • Create New...