I have a Tizen web application. On one page there is a video html tag. It plays video from m3u8 format, using hls well, but if I set as a source a video file - it is not played. Here is the code:
<video id="video"
src="http://content.bitsontherun.com/videos/q1fx20VZ-52qL9xLP.mp4" preload="auto" controls loop autoplay>
</video>
In browser it works fine. Seems that Tizen just ignores it for some reason. How can I play video from file?
Add below privilege and policy in your config.xml.
<tizen:privilege name="tizen.org/privilege/internet"/>
<access origin="*" subdomains="true"/>
Related
I'm trying to play an external HTML5 video within a webOS web application. According to this question, webOS should support .mp4 video, but whenever I try to play a HTML5 video within my application, the video simply won't load/play. My code (for testing purposes):
<video id="demo-video" autoplay muted loop>
<source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4"
type="video/mp4">
Your Smart TV does not support the current video format (MP4)
</video>
I've tried different sources, but none of them seem to work. When testing in a browser, it does work, but when opening the application on a webOS Smart TV, nothing happens. Even trying to play a local .mp4 file doesn't work.
I found out that .play() on the video element returns a Promise with status pending. Strange behaviour and reloading the source doesn't fix the problem.
I found the problem: it had something to do with the styling I applied on the <video> element. When developing, Chrome showed the video just fine. But apparently, border-radius is not allowed? At least not in the version of Chrome used on the Smart TV and emulator. So if you're experiencing the same problem, check for styling that may cause the video not to play.
Try adding width and height attributes to your video tag. The video works on my TV.
<video id="demo-video" width="1920" height="1080" autoplay muted loop>
<source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4" type="video/mp4">
Your Smart TV does not support the current video format (MP4)
</video>
I read here: http://blogs.msdn.com/b/ie/archive/2014/09/26/html5-audio-and-video-improvements-for-windows-phone-8-1.aspx
that microsoft is supporting video html5 tag for wp8.1 but I am getting an Invalid Source message instead of my video stream.
I am 100% sure that the video is in the correct format because adding it to a native app using mediacontrol is working properly.
here is my html5 (I am using Cordova):
<video src="www.w3schools.com/html/movie.mp4" controls autoplay>
HTML5 Video is required for this example
</video>
I also tried with this
<video id="video1" width="420">
<source src="www.w3schools.com/html/movie.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
but in this case nothing is displayed on my phone.
How can I have a video on my screen and playing it?
You must add the protocol (eg. "http://") to the resource name.
Try: src="http://www.w3schools.com/html/movie.mp4"
I am trying to embed a video from an Azure storage blob using the html5 video tag. When viewing the embedded video in Chrome the video seek doesn't work (issue only happens in Windows, works fine in OSX), but when viewing the resource directly, seeking works fine.
direct resource
embedded video in jsFiddle
In the jsFiddle, the embedded code is copied directly from the source html generated when viewing the resource directly.
<video controls="" autoplay="" name="media">
<source src="http://apmmediastoragedev.blob.core.windows.net/media-vid/YfKPFgi39S5nV275.mp4" type="video/mp4">
</video>
I am working on a script called HOME (view it here)
Now i'm creating a video player and used html5 for it but it wont load the video. Its just black. Here is my code.
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="auto" width="640" height="264">
<source src="/uploads/videos/1.mp4" type='video/mp4' />
</video>
Im using google chrome.
After doing some research it seems that google chrome and firefox doesnt support mp4 videos but support other formats. So i will have to change the script to upload and maybe convert the video to other formats. Source
I am trying to play a mp4 file from my server on google chrome. but nothing hapens when press play, it lights up for a split second (which shows the does exist) but then fails to stream. If I enable divx webplayer extension on chrome it plays it through divx player, however I need it to be possible to play it without that extention. here is the code I am using:
<video width="560" height="340" controls>
<source src="hood.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2" '>
</video>
Semi-answer: try and use JWPlayer it plays pretty much anything and it automatically downgrades if needed. (Using HTML5 or Flash)