videojs坑

data-setup="{ 'html5' : { 'nativeTextTracks' : false } }"会报错!!!!

data-setup='{ "html5" : { "nativeTextTracks" : false } }'必须是单引号!!!否则报错!!

data-setup='{"techOrder": ["html5", "flash"]}' 兼容flash写法!!!

video必须有的两个属性:class里的video-js  和  data-setup =  ' { } '   !!!!!!!!!!!!

eg:  

<video id="video" class="video-js vjs-default-skin" controls preload="none" width="500" height="288"
                                                 poster="http://image.diyiyou.com/game/201905/16/16093723oh0t.jpg">
                                                    <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4" type="video/mp4">
                                                    <!-- <source src="http://视频地址格式1.mp4" type='video/mp4' />
                                                    <source src="http://视频地址格式2.webm" type='video/webm' />
                                                    <source src="http://视频地址格式3.ogv" type='video/ogg' /> -->

                                                    <p class="vjs-no-js">非常抱歉,播放失败 <a href="https://videojs.com/html5-video-support/" target="_blank">supports
                                                            HTML5 video</a></p>
                                                </video>

发布了69 篇原创文章 · 获赞 53 · 访问量 19万+

猜你喜欢

转载自blog.csdn.net/sinat_38992528/article/details/95353110