Question

知道为什么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>
....

感谢您提供的任何帮助！

Answer 1

如果您使用的浏览器（或哪个版本）支持html5视频标记，您可以登录使用http://caniuse.com/#feat=video。

html5视频 - 在台式机上玩，iPhone 6s，在5s上玩不上？

1 个答案: