关于h5的media元素总结

最新推荐文章于 2023-06-25 12:01:53 发布

ftToday

最新推荐文章于 2023-06-25 12:01:53 发布

阅读量1.5k

点赞数

分类专栏：前端 html5文档结构(结构层) 知识点积累文章标签： html5视音频文件播放 h5的media元素 html5与ios h5与Android h5与audio

本文链接：https://blog.csdn.net/longlc123/article/details/76856741

版权

前端同时被 3 个专栏收录

125 篇文章 3 订阅

订阅专栏

知识点积累

5 篇文章 0 订阅

订阅专栏

html5文档结构(结构层)

3 篇文章 0 订阅

订阅专栏

ios系统视频内敛播放和视频音频自动播放

<script>
    if(typeof window.wView !== "undefined"){    
        window.wView.allowsInlineMediaPlayback = "YES"; 
        window.wView.mediaPlaybackRequiresUserAction = "NO";
    }
</script>
<video src="xxxxxx" autoplay preload></video>

这里写图片描述

media

video

<!DOCTYPE HTML>
<html>
<body>

    <video width="320" height="240" controls="controls">
      <source src="movie.ogg" type="video/ogg">
      <source src="movie.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>

</body>
</html>

audio

<!DOCTYPE HTML>
<html>
<body>

    <audio src="/i/horse.ogg" controls="controls">
    Your browser does not support the audio element.
    </audio>

</body>
</html>