1. Can Media Player play a youtube video that is behind credentials (a private youtube video)?
2. Is there a way to suppress the popup menu such that commands like "Copy Video URL..." and so fort do not show up. Ideally, I'd like to suppress the popup altogether.
Hi there,
I'm experiencing issues with the media player; it's breaking when used at low-resolutions such as on a mobile. I'm embedding YouTube, for what it's worth.
By way of sample code, the example on https://demos.telerik.com/aspnet-mvc/mediaplayer exhibits the same issue. When under ~970 pixels in width, the Media player refuses to render, and the JavaScript console outputs and error, both in Chrome and Edge (attachments 1 and 2).
When resized a couple of hundred pixels larger, the player immediately renders [after a refresh] and the JavaScript error goes away.
Any assistance in getting this working at lower resolutions would be much appreciated.
Hello,
When using the standard HTML5 <video> tag, one can list various formats of the same video e.g. .webm, .mp4 and the browser will work down the list and take the first one it supports or render the text line following the files if nothing is supported.
<
video
controls
width
=
"640"
height
=
"360"
>
<
source
src
=
"~/Content/video/intro_20170825.webm"
type
=
"video/webm"
></
source
>
<
source
src
=
"~/Content/video/intro_20170825.mp4"
type
=
"video/mp4"
></
source
>
<
p
>Your browser doesn't support video. Please use IE9+, Firefox, Chrome, Opera or Safari.</
p
>
</
video
>
How can I achieve the same result with Media Player control?
I can serve up files in various qualities (e.g. 480p, 720p) but it always takes the first file in the list no matter what (and does not display in IE11).
@(Html.Kendo().MediaPlayer()
.Name("mediaplayer1")
.AutoPlay(true)
.HtmlAttributes(new { style = "height:360px; width:640px" })
.Media(m => m
.Title("Power Vision Mobile Platform")
.Source(new[] {
new { quality = "720p", url = "../Content/Video/intro_20170825.webm" }
})
)
.Media(m => m
.Title("Power Vision Mobile Platform")
.Source(new[] {
new { quality = "720p", url = "../Content/Video/intro_20170825.mp4" }
})
)
)
I've also tried having one .Media block with both files listed in the .Source array, but still it only takes the first one. We prefer to serve up .webm file as default and keep the .mp4 around for Internet Explorer users.
Thanks in advance for any suggestions,
Rob
I want to hide the full screen button on the media player. Can you please tell me how to do that?
Thanks,
Mark
Why do my video controls look like the attached image versus the way the demo works? I've gone through styles, disabling what I thought might do it?
@(Html.Kendo().MediaPlayer()
.Name("heads-up-youtube-player-id-" + Model.LiveWidgetID)
.AutoPlay(Model.AutoPlay)
.AutoRepeat(Model.AutoRepeat)
.Navigatable(Model.Navigatable)
.FullScreen(Model.FullScreen)
.Volume(Model.Volume)
.Mute(Model.Mute)
.ForwardSeek(Model.ForwardSeek)
.Media(m => m
.Title(Model.WidgetTitle)
.Source(Model.YouTubeURL)
)
.HtmlAttributes(new { style = "height: 100%; background-color: transparent" })
)
We are using the media player to play audio
The control looks like this
http://i.imgur.com/DfXugTI.png
However when the control looses focus it disappears and looks like this
http://i.imgur.com/vlQadUI.png
How do we prevent this behaviour and keep the player controls shown at all times.