jquery - How to change a children type using Javascript -
i using video.js , want play both youtube , mp4 videos. have following code player
<video id="my-video" class="video-js vjs-big-play-centered" data-setup='{ "controls": true, "autoplay": true, "preload": "auto" }' width="1250" height="900" poster="" data-setup='{" techorder ": ["youtube "]}'> <source src="https://www.youtube.com/watch?v=_z_se7ejnim" type='video/youtube'> <p class="vjs-no-js"> view video please enable javascript, , consider upgrading web browser <a href="http://videojs.com/html5-video-support/" target="_blank">supports html5 video</a> </p>
here code used change source whenever link id (source_one) clicked:
var = document.getelementbyid('source_one'); a.addeventlistener('click', function() { document.getelementbyid("my-video").children[0].src = "http://example.com/video.mp4"; })
the problem cannot find way change source type video/mp4
, using src
changes source of video not change type
.
i found out solution! answers far.
var = document.getelementbyid('source_one'); a.addeventlistener('click', function(e) { e.preventdefault(); var player = window.player = videojs('my-video'); var vidlink = $(this).attr('href'); player.src({ src: 'http://example.com/test.mp4', type: 'video/mp4' }); })
Comments
Post a Comment