首页 > 解决方案 > IOS 视频在线播放在 ReactJS 中不起作用

问题描述

我已经在 webkit 中使用了 playinline,它似乎仍然无法正常工作 - 请查看代码和视频

这是演示问题的视频链接https://drive.google.com/file/d/16jjVvLMpD64d-PYExxcNSshwbDjVGRsK/view?usp=sharing

<video 
    class="introvideo" 
    playsinline 
    webkit-playsinline
    autoPlay={true} 
    loop 
    
    preload={true}
    muted={true}> 
        <source 
            autoPlay={true} 
            muted={true} 
            loop 

            alt='starlatechdemovideo' 
            src="https://res.cloudinary.com/xxxx/video/upload/c_scale,w_800,q_auto/FinalPrct__cz7.mp4" 
            type='video/mp4' 
        />
</video>

标签: reactjs

解决方案


问题是在 ReactJS 中使用 playinline 而不是 playInline。另外,我添加了 webkit-playsinline={true}。


推荐阅读