Front-end video is simple to do, but still need to make some records, or the next time to do related business will still have time to find. |
Reference Address: http://www.jq22.com/jquery-info404 Http://www.runoob.com/html/html-videos.html |
Related code:
1<!doctype html>234<meta charset= "Utf-8" >5<title>video.js 5.18.4</title>6<link href= "Css/video-js.css" rel= "stylesheet" >7<!--If you ' d like-to-support IE8--8<script src= "Js/videojs-ie8.min.js" ></script>9<style>TenBody{background-color: #191919} One. m{width:640px; height:264; margin-left:auto; margin-right:auto; margin-top:100px;} A</style> - - the<body> -<divclass= "M" > -<video id= "My-video"class= "Video-js" Controls preload= "Auto" width= "640" height= "264" -Poster= "My_video_poster.jpg" data-setup= "{}" > +<source src= "Http://vjs.zencdn.net/v/oceans.mp4" type= "Video/mp4" > -<source src= "HTTP://VJS.ZENCDN.NET/V/OCEANS.WEBM" type= "VIDEO/WEBM" > +<source src= "HTTP://VJS.ZENCDN.NET/V/OCEANS.OGV" type= "Video/ogg" > A<pclass= "Vjs-no-js" > atTo view Thisvideo, enable JavaScript, and consider upgrading to a Web browser that -<a href= "http://videojs.com/html5-video-support/" target= "_blank" >supports HTML5 video</a> -</p> -</video> -<script src= "Http://vjs.zencdn.net/5.18.4/video.min.js" ></script> -<script type= "Text/javascript" > invar myplayer = Videojs (' My-video '); -Videojs ("My-video"). Ready (function () { tovar Myplayer = This; + Myplayer.play (); - }); the</script> *</div> $ Panax Notoginseng</body> - HTML Video (Videos)