Как отключить кнопку 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">×</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&modestbranding=1&showinfo=0") ; }) $('#myModal').on('hide.bs.modal', function (e) { $("#video").attr("src", ""); }) }); </script> |
Часовой пояс GMT +3, время: 10:59. |