【问题标题】:Autoplay video on mobile device在移动设备上自动播放视频
【发布时间】:2017-06-30 17:23:39
【问题描述】:

我看到一些帖子抱怨您无法在移动设备上自动播放视频。

但是,这是可以做到的。我已经访问了 youtube 网站在 android 和 iOS 和视频确实开始播放没有任何用户交互。我该如何模仿这种行为?

编辑:如果您访问直接链接,它不起作用。如果您第一次访问 youtube.com,然后点击一些视频,它就可以工作。不知道为什么。

【问题讨论】:

标签: javascript html css


【解决方案1】:
    <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>

【讨论】:

    【解决方案2】:

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

    欲了解更多信息,您可以从这里了解: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay

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

    【讨论】:

    • 对于手机,你不应该做自动播放,因为它会消耗用户的带宽(金钱)。有关详细信息,请参阅此帖子:stackoverflow.com/questions/12496144/…
    • @JackLuo,说得非常正确,说得好,你应该在你的答案中发布这个并更新。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-07
    • 2016-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多