Blazor WASM/Server无法读取IOS上透明通道的视频(？)

uqjltbpv 于 2022-12-15 发布在 iOS

关注(0)|答案(1)|浏览(112)

当我尝试复制此代码片段时：
https://codepen.io/mortenjust/pen/BaLrjzm

<video width="600" height="100%" autoplay loop muted playsinline>
    <source src="https://rotato.netlify.app/alpha-demo/movie-hevc.mov" type='video/mp4; codecs="hvc1"'>
    <source src="https://rotato.netlify.app/alpha-demo/movie-webm.webm" type="video/webm">  
</video>

对于空的blazor wasm应用程序或空的blazor服务器应用程序，视频不能在所有的IOS上工作（Safari/Mozzila测试）。当我使用其他操作系统与Chrome，Firefox它的工作。当我使用Web应用程序，它甚至在IOS/Safari上工作。
但在Blazor里不管用...
似乎Blazor WASM/Server无法在IOS上读取透明通道的视频。
是否有任何变通方案？
谢谢你的回答。
NET版本：NET 7.0
我们试了什么？
iOS-Safari/Blazor -无法工作
iOS-Firefox/Blazor -无法正常工作
iOS-Safari/网络应用程序-工作
Win-Opera，Chrome浏览器，火狐/Blazor浏览器-工作原理
安卓-Chrome浏览器、火狐浏览器、Opera/Blazor浏览器

ios

来源：https://stackoverflow.com/questions/74714202/blazor-wasm-server-cannot-read-video-with-transparent-channel-on-ios

1条答案

按热度按时间

lc8prwob1#

Blazor在IOS上没有自动播放，Yout必须通过JS帮助他。

<video id="video" width="600" height="100%" autoplay loop muted playsinline>
    <source src="https://rotato.netlify.app/alpha-demo/movie-hevc.mov" type='video/mp4; codecs="hvc1"'>
    <source src="https://rotato.netlify.app/alpha-demo/movie-webm.webm" type="video/webm">  
</video>

字符串
联森：

function Play() {
    var bgvideo = document.getElementById("video");
    bgvideo.muted = true;
    bgvideo.play();
}

赞(0）回复(0）举报 2022-12-15

我来回答

Blazor WASM/Server无法读取IOS上透明通道的视频(？)

1条答案

相关问题

热门标签

最新问答