After chrome version 66 autoplay of video with music was not allowed and if we want to autoplay any video we need to keep the video muted but currently when I was going through some youtube channel page and there when I land on the page the video would autoplay with the music and they are also using video API of HTML only when I inspected that player so how is youtube able to autoplay their video with audio. Any ideas ?
For reference if you go to this youtube link the video would autoplay with voice.
Any idea how this is happening ? Curious to know about it.
Music is not allowed to autoplay and even if it does it has to be muted, yes.... But, I don't think the same applies for embeds, I believe, youtube bypasses this by embedding the video onto the channel page, I may be wrong.
I have a jsfiddle here - http://jsfiddle.net/fzzgjem4/2/
I'm using the video tage to show a vimeo video.
I would normally use the iframe from vimeo but I want it full width and without the vimeo controls.
I'm getting the src from 'Use your own player section' in vimeo.
The video will come from a CMS so I just want to be able to add the id for the video.
The jsfiddle does not work in Firefox.
Is this becasue it's the wrong format?
Is it possible to use the video tag to show vimeo videos
<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4" autoplay muted></video>
I need customized HTML5 video player, also I need youTube videos to play. I got one HTML 5 video player vidoeJS http://www.videojs.com/, but I am not able to play a youTube video in this player. How to make youTube player to play using this player.
There's a video.js plugin for YouTube support.
https://github.com/eXon/videojs-youtube
And Vimeo.
https://github.com/eXon/videojs-vimeo
Alternatively you could use MediaElement.js which supports both HTML5 video and YouTube.
Are there any way to capture only playing video from flash player to another flash player or html5 video player? (for example: embed youtube player to custom player with different controls and design)
How can I do it?
You can do this with the Youtube API ... Specifically, you embed a "chromeless" youtube player in your app. Then you can add your own Flash or HTML UI to control playback.
It's possible other video services allow this. You just need to check their API documentation to see if it's possible.
I had been using the flash based JWPlayer 4 with the playlist option. Recently I upgraded to JWPlayer 5 which is claims HTML5 support. The player by itself degrades nicely on mobile devices that support HTML5 but not flash, however it breaks with the playlist option enabled.
So can someone tell me either what I'm doing wrong with JWPlayer 5 and how to get it to work with the playlist option for mobile devices, or perhaps just teach me a better way to set up a video and a playlist with HTML5?
Resources
JW Player and playlist configuration example page
Example of the JWPlayer and Playlist layout:
This is not JW Player specific answer.
Browser's native HTML video tag behaves weird if you replace tags. Instead you should set single src attribute directly in tag. By that way you can change that attribute in DOM. Before changing it, try to pause the playing video first.
I use mediaelementjs.com. It works pretty well.
It doesn't come with built-in playlist feature but you can easily build one by yourself. After all, playlist is just a list of videos that when you click on one, you go change the source of the video.
Media element has setSrc() function that supports both HTML5 and flash fallback. It works from me.
Voila un bout de script pour jwplayer 6.7 et playlist youtube
<script>
jwplayer("myElement").setup({
width: "100%",
height: "400",
playlist: "http://gdata.youtube.com/feeds/api/playlists/PLMIePZMXPqnYlsvE_PFwe-_e336HlJF7g?max-results=50&alt=rss",
stretching: "exactfit",
primary: "flash",
sharing: {link: "http://www.centraltv.fr/egypte-television/rotana-masriya"},
autostart: "true",
listbar: {
position: "right",
size: "220"
}
});
</script>
This isn't answer to your main question. It's just some general tips.
Upgrade. I had some trouble with 5.6 not playing on mobile devices, and upgrading to 5.8 fixed it.
Avoid autoplay at the moment. I've had some issues with the player not loading. It might be due to a timing issue on loading large media files, and javascript trying to begin playing. Also, for linux users with a slower connection (like me at 3mb dsl), when the playhead catches up, and the buffer is empty, the player stops functioning.
Maybe override the mode. For my media, html5 seems to play a little better.
modes: [
{ type: "html5" },
{ type: "flash", src: "/media/player.swf" }
]
Try to use the same height/width as your media.
If you are playing audio only- it can be hard to find the (centered) play button if your width is a large value.
I'm not using the playlist. I have a list of recordings on the page, and a button to load a popup/dialog.
These links might be helpful:
HTML 5 video or audio playlist
PagePlayer
JW Player 5
Generate a Playlist for HTML5 Video
If you are just using YouTube videos, they offer a (beta) HTML5 video player: http://code.google.com/intl/en/apis/youtube/iframe_api_reference.html
I use the HTML5 video player on this site: http://www2.highpoint.edu
And older versions of IE cannot use that player (very well), so I still use Flash embed tags for those browsers instead which are done via the YouTube js api: http://code.google.com/intl/en/apis/youtube/js_api_reference.html
Here is an example page: http://www2.highpoint.edu/youtube.php?id=ht1PrQkE3WU
I highly recommend mediaelementjs if you need to roll-your-own video player. All videos on our site are hosted by YouTube, but we still use it as an audio player, as seen here: http://www2.highpoint.edu/president.php?mp3=http%3A%2F%2Fwww2.highpoint.edu%2Fmp3%2FNQ_LI013107.mp3
JWPlayer's last version supports HTML5 playback as well. Now it can also be used in mobile devices that do not support flash.
Another HTML5 video player with flash fallback is videoJS ( http://videojs.com/ )
swf is not supported by mobile device
i think this is useful but need two type file
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" /> <!-- for iPad :) -->
<source src="movie.ogg" type="video/ogg" /> <!--for windows -->
Your browser does not support the video tag.
</video>
and i try javascript to change movie and it worked in both
you must be use this because i have an ipad and i cant open the swf based video player's video