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>