Hls Video Not Visible On Chrome | Video.js
I'm trying to play HLS videos on my wordpress site using video.js. I can hear the audio, but video is not visible. Any idea why so. I tried other links (e.g.this), and video is vis
Solution 1:
I'm not sure what really is the issue with the code above, as i don't have enough knowledge related to web. However, i found this solution on stack overflow and things started working:
<!DOCTYPE html><html><head><metacharset=utf-8 /><title>Video</title><linkhref="http://vjs.zencdn.net/4.12/video-js.css" ><scriptsrc="http://vjs.zencdn.net/4.12/video.js"></script><scriptsrc="https://github.com/videojs/videojs-contrib-media-sources/releases/download/v0.1.0/videojs-media-sources.js"></script><scriptsrc="https://github.com/videojs/videojs-contrib-hls/releases/download/v0.11.2/videojs.hls.min.js"></script></head><body><h1>Video</h1><videoid="my_video_1"class="video-js vjs-default-skin"controlspreload="auto"width="640"height="268"data-setup='{}'><sourcesrc="http://iphone-streaming.ustream.tv/uhls/3064708/streams/live/iphone/playlist.m3u8"type='application/x-mpegURL'></video><script>var player = videojs('my_video_1');
</script></body></html><!-- Replace current .m3u8 and check..current file has access issue-->Update This solution is also not working sometimes. May be it's issue with bandwidth of HLS videos. My S3 bucket is in US as the users are there. However, i'm accessing it from Pakistan. So the question remains there. What can be the issue? How to fix it?
Post a Comment for "Hls Video Not Visible On Chrome | Video.js"