以下のvideoタグを設置しています。
しかし、デベロッパーツールを開いている時のみにしか動画が再生されず、1フレーム目で止まってしまいます。
html{
1<div class = "first_view section"> 2 <video class="movie" src="img/top.mp4" autoplay></video> 3</div> 4} 5原因に心当たりがある方は是非ご教授ください。 6 7 8関連するそのほかの記述ですが 9```css{ 10.first_view{ 11 width:100vw; 12 position:fixed; 13 z-index:-1; 14} 15 16.movie{ 17position: fixed; 18right: 0; 19bottom: 0; 20min-width: 100%; 21min-height: 100%; 22width: auto; 23height: auto; 24z-index: -100; 25} 26 27.movieLayer{ 28transition:.3s; 29filter: brightness(30%); 30} 31} 32 33```js{ 34 35$(function(){ 36 var margin = 300, 37 sectionTop = new Array, 38 current = -1; 39 40 $('.section').each(function(i) { 41 sectionTop[i] = $(this).offset().top; 42 }); 43 44 changeNavCurrent(0); 45 $(window).scroll(function(){ 46 scrollY = $(window).scrollTop(); 47 48 for (var i = sectionTop.length - 1 ; i >= 0; i--) { 49 if (scrollY > sectionTop[i] - margin) { 50 changeNavCurrent(i); 51 break; 52 } 53 }; 54 }); 55 function changeNavCurrent(curNum) { 56 if (curNum != current) { 57 current = curNum; 58 curNum2 = curNum + 1; 59 $('#gNavi li').removeClass('active'); 60 $('#gNavi li:nth-child(' + curNum2 +')').addClass('active'); 61 } 62 }; 63}); 64 65$(function(){ 66 67var s = $('.movie'); 68$(window).scroll(function () { 69if ( $(this).scrollTop() > 1 ) { 70s.addClass('movieLayer'); 71} else { 72s.removeClass('movieLayer'); 73} 74}); 75}); 76 77 78 79}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。