Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2020, 01:16
Аспирант
Отправить личное сообщение для weirdjava Посмотреть профиль Найти все сообщения от weirdjava
 
Регистрация: 01.03.2017
Сообщений: 40

Как отключить кнопку download html5 видео
Всем привет,
Как можно в моем случае отключить кнопку скачать в html5 video ?
controls controlsList="nodownload" ?но куда?

<div class="work-item video-btn" data-toggle="modal" data-target="#myModal" data-src="video/1.mp4"  >
                        <img src="video/video_img/1.jpg?v=1&quality=80&format=jpeg" class="work-item__image">
                        <div class="work-item__content">
                            <h3 class="work-item__client">First Video</h3>
                        </div>
                    </div>
                </div>
                    <div class="work-item video-btn" data-toggle="modal" data-target="#myModal" data-src="video/2.mp4"  >
                        <img src="video/video_img/2.jpg?v=1&quality=80&format=jpeg" class="work-item__image">
                        <div class="work-item__content">
                            <h3 class="work-item__client">Second Video</h3>
                        </div>
                    </div>
                </div>
            </div>
              <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-body mb-0 p-0">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                                <!-- 16:9 aspect ratio -->
                                <div class="embed-responsive embed-responsive-16by9 z-depth-1-half"  >
                                    <iframe class="embed-responsive-item" src="" id="video" allowscriptaccess="always" allow="autoplay" ></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
          

<script>
  $(document).ready(function() {
                    var $videoSrc;
                    $('.video-btn').click(function() {
                        $videoSrc = $(this).data( "src" );
                    });
                    console.log($videoSrc);
                    $('#myModal').on('shown.bs.modal', function (e) {
                        $("#video").attr('src',$videoSrc + "?autoplay=1&amp;modestbranding=1&amp;showinfo=0") ;
                    })
                    $('#myModal').on('hide.bs.modal', function (e) {
                        $("#video").attr("src", "");
                    })
                });
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как встроить видео в popup окно? MrFull23 jQuery 1 14.11.2014 10:49
Чем можно сделать отображение видео на сайте как в примере? Duda.Ml1986@gmail.com Библиотеки/Тулкиты/Фреймворки 0 24.10.2014 11:13
Как записать видео из canvas? Dimaz Общие вопросы Javascript 6 10.09.2014 21:39
Как вставить видео на страничку .json MastaMustBe Элементы интерфейса 2 17.09.2012 16:51
как вывести видео Brook Общие вопросы Javascript 7 23.04.2012 19:22