Javascript 如何在amp视频中显示m3u8 URL视频
在AMP中,我无法正确显示m3u8视频 以下是AMP转换前的代码: 在我得到:Javascript 如何在amp视频中显示m3u8 URL视频,javascript,amp-html,http-live-streaming,Javascript,Amp Html,Http Live Streaming,在AMP中,我无法正确显示m3u8视频 以下是AMP转换前的代码: 在我得到: <amp-video ...> <video> <source type="application/vnd.apple.mpegurl" src="https://something/video.hls"> </amp-video> 以下内容可用于在放大器中显示HLS视频: <amp-video width="480" height="270" pos
<amp-video ...>
<video>
<source type="application/vnd.apple.mpegurl" src="https://something/video.hls">
</amp-video>
以下内容可用于在放大器中显示HLS视频:
<amp-video width="480"
height="270"
poster="/img/tokyo.jpg"
layout="responsive"
controls
autoplay>
<div fallback>
<p>Your browser doesn't support HTML5 video.</p>
</div>
<!-- displayed if HLS is supported -->
<source type="application/vnd.apple.mpegurl" src="/video/tokyo.m3u8">
<!-- displayed if HLS is not supported -->
<source type="video/mp4" src="/video/tokyo-no-hls.mp4">
</amp-video>
()。Safari可能是唯一一个本机支持(amp视频和ima视频)hls(.m3u8视频扩展)的软件。
我试过了
- 铬合金v67.0.3396.99
- Firefox v61.0.1
- Safariv11.1.1
您可以在此处检查浏览器是否支持hls:
。。。
(不是我的自定义代码笔,我忘了从哪里分叉了)这是正确的链接吗<代码>
根本不出现在源代码中。链接中的源代码在amp转换之前。然后我将其转换为您在github上评论的内容。为了有效地进行调试,我们需要查看原始AMP源代码,类似的内容包括原始HTML中的
元素。转换本身的细节并不重要。你是说这个?
...
<amp-video width="480" height="270"
layout="fixed"
controls>
<source type="application/vnd.apple.mpegURL" src="https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8">
<source type="video/webm" src="https://ampbyexample.com/video/tokyo.webm">