At work we given a link to a video in our network to use for HTML5 video streaming that plays an mp4 video. Is there a way to add a string to that link that will loop the video or refresh the link at video's end. Below is a made up link but if that were real, can any extension be added to that that would work? Additionally, is having the video open muted or unmuted an option to add to the link as well or are these options something that have to be done in code through JavaScript or something like that?
https://www.examplelink.com/video/stream/12345.mp4
Thanks !
you can use the loop feature,
<video src="https://www.examplelink.com/video/stream/12345.mp4" type="video/mp4" autoplay loop> </video>
If you want to see an example of documentation, click here.
Related
Any thoughts on why the embedded YouTube video won't autoplay on this site?
https://quantumleapin.wpengine.com/
As far as I can tell the autoplay is integrated correctly…
Your src attribute is not formatted correctly, it reads :
https://www.youtube.com/embed/T8u41Uy7wNw?rel=0&showinfo=0?ecver=1?autoplay=1
It should be :
https://www.youtube.com/embed/T8u41Uy7wNw?rel=0&showinfo=0&ecver=1&autoplay=1
Same thing was happening to me and I copied the embed code exactly from YouTube and it included that ?ecver=1 which was making it not play. Once I removed ?ecver=1 it was ok.
I have an intro video on this website: http://staging.optiekcardoen.be/. The video on top is playing automatically on most browsers, that's the behaviour I want. On Safari iOS, there's just a play button above the poster image of this video. When I click it, nothing happens... :(
When I integrate the bigbugbunny video from w3schools (https://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video) with an absolute path, it works just fine! When I download that same bunny video, upload it to my server and make a relative link in my video-tag, it doesn't work either.
First, I moved the video up with a greather z-index. The problem stayed. Then, I checked with my hosting provider to chang the php version to a more recent one then my xampp php version. Then I asked the producer of my intro video if he wanted to minimize the video, but that didn't fixed anything.
I'm out of possibilities I'm affraid. Is there anyone with another possible answer please?
I think this is a HTTP vs HTTPS same origin security problem.
If you go to the site in Safari and look at the console you will see:
Blocked a frame with origin "https://www.youtube.com" from accessing a frame with origin "http://staging.optiekcardoen.be". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.
See more info here: https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy
Update:
As Sam mentions in the comment, while the issue above should be addressed, even if this issue is bypassed, the main video, which is not from YouTube, does not play. The main page video has the wrong mime type also - see below:
<source src="/files/intro-320x176-laag.mp4" type="video/webm">
Update 2
I did a quick test and verified that on Safari at least, an mp4 video will not play if the Mime type is set to webm.
If you set your mime type to mp4 I suspect your video will play properly - i.e. change the end of the line above to:
<source src="/files/intro-320x176-laag.mp4" type="video/mp4">
<video autoplay="" muted="" loop="" poster="/files/intro.jpg">
<p>Uw browser video tag.</p>
</video>
Have you tried this?
How do i mute a Youtube Video with in my iframe block without using JS? Is it a way which can be leveraged?
-I do not want to consume Youtube API. Is there any way that videos can be muted with just API parameters?
I think it is not possible if you are only using the YouTube API parameter.
If you check the supported parameter of the IFrame Player API, you will not see any parameter here that can mute the video.
So the only way to mute video is the player.mute():Void.
Here is the jsfiddle for the sample code.
For more information, check this related threads:
How do I automatically play a Youtube video (IFrame API) muted?
How to Embed a YouTube Video with Sound Muted
use &mute=1
example : <iframe src="https://www.youtube.com/embed/UNIQUE-VIDEO-ID?&autoplay=1 &mute=1&rel=0&controls=0"></iframe>
I am writing application to show youtube videos.
In WPF on windows 7 I use WebBrowser control and it works fine. But when I use WinRT WebView control to show swf file from youtube - it doesn't work. Only clear white screen.
I use approach like that : http://blog.tedd.no/2010/06/27/embedding-youtube-in-wpf-webbrowser-control/
What shall I do to have an oppotunity to show videos in Metro Style Application?
Thank you
try this one from the mytoolkit library: http://mytoolkit.codeplex.com/wikipage?title=YouTube
The default youtube video player (unless the user has opted into the HTML5 preview) is a Flash video control. Flash is not supported in the Windows Application Store ("Metro") shell version of IE, or in the WebView control.
But what you can do is request youtube to use the HTML5 video player (HTML5 video is supported by the App Store version of IE and WebView). For example, this video does play properly for me:
<WebView Source="http://www.youtube.com/watch?v=cTl3U6aSd2w&html5=True" />
So you should be able to embed a video using a webview, you just have to force the webview to use the HTML5 viewer. This can also be done as a parameter to the embed URL: see Force HTML5 youtube video
However, this setting only says to prefer the HTML5 player. Youtube may still attempt to use the flash player on some videos, which will not work in all cases.
You can alternatively also play the video through "mediaelement" to play youtube video, though you'd have to parse the youtube video stream first. See my W8 app "RedditTV"
Or open them in a UIWebView? Their videos are in .swf format though.
Thank you.
EDIT: Okay, so I can get it to play in UIWebView, also when you click on the video in the UIWebView it will play the video in fullscreen. So am wondering if I can just get the code of when it clicks to fullscreen, and use it in some button I have.
Did that make sense?
Oh and thank you again.
Try embed the iframe snippet from Youku into your webview
<iframe height="498" width="510" frameborder="0" allowfullscreen
src="http://player.youku.com/embed/XNTY4ODU0NzQ0"></iframe>
I got it working on Android, but not tried it on iOS yet.
<video width="480" height="320"
src="http://v.youku.com/player/getRealM3U8/vid/XMzkxMTM3MDQw/type//video.m3u8"
controls>
<embed src="http://player.youku.com/player.php/sid/XMzkxMTM3MDQw/v.swf"
allowFullScreen="true" quality="high" width="480" height="320"
align="middle" allowScriptAccess="always"
type="application/x-shockwave-flash"></embed>
</video>
Just use the above HTML in a UIWebView for Youku. It can be played on iOS device and PC. Replace the XMzkxMTM3MDQw with the corresponding code of the video.
As you will easily be able to verify on the internet, Flash (.swf) is not supported on iOS devices. Maybe they offer their videos in another format, otherwise this won't work.
Update: I guess you're just opening the website in your web view. So that means on their web site they have an iOS compatible stream. You can fetch the stream data from the website's source code and build your own web site (stored locally on the device) that only displays that video stream in an UIWebView. Or you use MPMoviePlayer or HTTPLiveStream, whatever. However, make sure that this is allowed/legal, I can't help you there since I guess it heavily depends on what you want to do with your app.
See here to get the url of .m3u8 file for a youku video by its ID, and simply embed it into a <video> tag