Shulou(Shulou.com)06/01 Report--

Editor to share with you the html5 video tag can not play video example analysis, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to know it!

Embed a video in the page with the video tag:

The value of the poster attribute of video and the value of src of source are dynamically obtained in the json array.

When this page is opened with ios's own browser and qq, the video will play normally, but when it is opened on Wechat, the video will not play. Android can play normally.

The following code is used for video playback:

Function audioPlay () {var video = document.getElementsByTagName ('video') [0]; console.log (video); video.load (); / / update audio / video elements after changing the source or other settings video.addEventListener (' touchstart', function () {if (! video.palyed) {video.play ();}});}

If you put the statement video.load () in the touchstart listening event (that is, in front of the if statement), the video can be played normally on Wechat, but it will cause the video to be reloaded without touching the video area, and cannot be paused, which is not conducive to the effect of video playback.

The above is all the contents of this article entitled "sample Analysis of video tags cannot play videos in html5". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.