【问题标题】:html5 video - plays on desktop, iPhone 6s, won't play on 5s?html5 视频 - 在桌面上播放,iPhone 6s,不会在 5s 上播放?
【发布时间】:2015-11-15 15:12:29
【问题描述】:

知道为什么 HTML5 视频可以在 iPhone 6s Plus 上播放,但不能在 iPhone 5s 上播放吗?我在 5s 上加载了整页,包括视频海报和播放按钮,但按钮和视频没有响应。

这是页面:http://www.2labsnc.com/index.html (对于使用台式机的任何人,视频位于大型主照片后面)。

这是代码(Okler 的 Porto Theme 的修改版本):

<div role="main" class="main">
    <div class="slider-container">
        <div class="slider" id="revolutionSlider" data-plugin-revolution-slider data-plugin-options='{"startheight": 500}'>
            <ul>
                <li data-slotamount="7" data-masterspeed="1000" data-fstransition="fade" data-fsmasterspeed="1000" data-fsslotamount="7">
                    <img src="img/slides/BG-Slide.png" alt="dark" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" alt="Click to Play">
                    <div class="tp-caption tp-fade fadeout fullscreenvideo"
                    data-x="0"
                    data-y="0"
                    data-speed="1000"
                    data-start="100"
                    data-easing="Power4.easeOut"
                    data-elementdelay="0.01"
                    data-endelementdelay="0.1"
                    data-endspeed="1500"
                    data-endeasing="Power4.easeIn"
                    data-autoplay="false"
                    data-autoplayonlyfirsttime="false"
                    data-nextslideatend="true"
                    data-volume="2"
                    data-forceCover="1"
                    data-aspectratio="16:9"
                    data-forcerewind="on">
                        <video preload="none" controls="true" width="100%" height="100%" poster="img/slides/BG-Slide.png"  loop video> 
                            <source src="video/BG_intro_sound.mp4" type="video/mp4">
                            <source src="video/BG_intro_sound.ogv" type="video/ogg">
                        </video>
                    </div>
                </li>
            </ul>
        </div>
    </div>
....

感谢您提供的任何帮助!

【问题讨论】:

    标签: ios iphone html video


    【解决方案1】:

    如果您使用的浏览器(或哪个版本)支持html5视频标签,您可以使用http://caniuse.com/#feat=video签入。

    【讨论】:

    • 看起来我很清楚 - 在这两种情况下都使用移动 Chrome。不过我不知道那个网站,谢谢你的链接!
    • 是的 - 两种情况下的当前版本 (46)。
    • 还要检查操作系统的级别。因为在某些操作系统中,对 html5 视频的支持是部分的……请参阅 chrome 文档
    • 两者都在运行 ios 9.1。 Safari 移动版也在发生同样的事情。该视频适用于 6S,但不适用于 5S。
    猜你喜欢
    • 2012-01-30
    • 2014-06-16
    • 1970-01-01
    • 1970-01-01
    • 2011-11-04
    • 2017-09-20
    • 2019-07-29
    • 1970-01-01
    相关资源
    最近更新 更多