在移动设备上自动播放视频

时间:2017-06-30 17:23:40

标签: javascript html css

我看过帖子抱怨你无法在移动设备上自动播放视频。

但是,这可以做到。我在Android和iOS上访问了youtube网站,视频确实在没有任何用户交互的情况下开始播放。我怎么能模仿这种行为?

编辑:如果你访问直接链接,它不起作用。如果您首先访问youtube.com而不是点击某些视频,则可以使用。不知道为什么。

2 个答案:

答案 0 :(得分:0)

    <video id="mobilevideo" name="Mobile video" onLoad="play()" onClick="play()" preload="auto" autoplay preload muted playsinline webkit-playsinline>
            <source src="file.webm" type="video/webm">
            <source src="file.ogg" type="video/ogg">
            <source src="file.mp4" type="video/mp4">
            Your browser does not support this file type.
</video>

<!--Javascript autoplay video -->
<script>
    document.getElementById('mobilevideo').play();
</script>

答案 1 :(得分:-2)

您可以在视频标记中使用自动播放。像这样:

&lt; video width =“320”height =“240”控制自动播放&gt;

有关详细信息,您可以在此处学习: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay

对于移动设备,您不应该进行自动播放,因为它会耗费用户的带宽(金钱)。有关详细信息,请参阅此帖子: Can you autoplay HTML5 videos on the iPad?