我將此視頻作爲Bootstrap的背景,希望在頁面加載時自動播放。它適用於臺式機Chrome,但不適用於移動設備。爲什麼我無法將此視頻自動從網頁加載到移動設備上啓動?
這是使用創建了一個小型,.mp4檔案:
<video class="video-fluid" id="video1" autoplay loop>
<source src="videos/light-swaying.mp4" type="video/mp4" />
</video>
,顯示了在移動設備上的唯一的事情就是一個第一幀的還是,不是移動視頻。我在我的身體底部添加了這個腳本,它實際上啓動了視頻。它循環和一切:
<script type="text/javascript">
var video = document.getElementById('video1');
var aboveView = document.getElementById('video-carousel-example2');
aboveView.addEventListener('click', function() {
video.autoplay = true;
video.play();
}, false);
</script>
唯一的問題是,但我必須點擊視頻才能真正啓動它。我想這個腳本在同一地點,並沒有任何運氣:
<script type="text/javascript">
var video1 = document.getElementById('video1');
video1.autoplay = true;
video1.play();
</script>
因此,沒有人有任何想法如何解決這一問題,並使其自動播放?
非常感謝你,我剛剛添加了從文章和繁榮中讀取的'muted'標籤,它會自動播放! –