I am inserting YouTube videos in my website with iframes and I need to make the video almost full screen and the background white (like a full screen mode). I know how to make both, but I cant move the video with javascript from his container to a new one without stoping so how can i do it?
Thanks for your time
This works if you're using Bootstrap. I think you should be able to use it if you arent using Bootstrap too.
YTModal helps you play Youtube videos in a popup window based jQuery and Twitter Bootstrap modal component. It also requires jQuery YouTubeDefaultImageLoader.js to insert Youtube video iframes with post images into your web page
http://www.jqueryscript.net/other/Youtube-Video-Modal-with-jQuery-Bootstrap-3-YTModal.html
Related
I want to know how i can embeded a ppt (or google slides link in my web App) without using iframe, in my react App.
I have seen this sort of implementation in Scrimba.
https://medium.com/scrimba/whats-new-at-scrimba-e38b9fd5ab7b
Here, User can click Import from Google slides in the top right corner, and will get slide slideshow added.
and they are not using iframe.
Any help or lead will be very helpful.
Thank you.
I am working with selenium for the first time, and I'm trying to play a video on another website.
I've already managed to play the video, but now I'm stuck trying to make it full-screen. The full-screen button is hidden unless I hover with my mouse over it.
So I searched for a solution and everybody suggests to use switch_to.frame() and then access the button, but it seems like no frame surrounds the video in my case. I'm not an expert in HTML so maybe I am getting this wrong, but is there a way to click that full-screen button when there's no frame surrounding the video?
Thanks in advance for any help :)
If there isn't an iframe containing the video, you should be able to click the button like you would any other on the screen. To get the hover menu to appear you can use ActionChains(driver).move_to_element(element).perform().
If you're having issues finding the button, you may also be able to video_player.send_keys("f"). Many players will use that shortcut to switch to fullscreen.
On my home page I have YouTube videos that get auto pulled via YouTube API. They display perfectly and the links come through as expected. They each have class="fancybox-youtube" but none of the videos open in a fancy box window.
I manually entered a link above the YouTube videos that auto feed and that works.
If you go to my home page
2k Online Franchise and scroll down to "Latest Videos" you will see the videos I am referring to. You will also see text above those images that says "YouTube video link works".
Thank you in advance for the help, I have reserached this for hours and trouble shot it too but as you have read, it's beyond me.
I dreamed my answer! lol I fixed it. It was due to an old version of jquery running with the latest version of Fancy Box. I updated to jquery3.2.1 and it worked.
I'm having the following problem: i have to show a video inside a page, but it needs to alternate with page content. Everytime the video stops playing, i have to show a div or something. After a few seconds, that div goes away and the video starts playing again. Alternating between normal content and video.
Is this possible with HTML5 and JS? Any ideas on how to do it?
Consider implementing Popcorn.js. It's part of Mozilla's Popcorn project.
The demo on the front page shows a div with changing HTML content depending on the time code of the video.
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web
Bind an event when the video stops (addEventListener( "ended", function(){ ... }, false)) to show the div, start a timer after which the div hides and video starts playing again.
I'm trying to create a simple youtube player using some javascript. Example is here:
http://jsfiddle.net/YX8pQ/6/
I've got the basic functionality working (kinda) using click functions to toggle the visibility of each iframe.
HOWEVER:
When clicking each thumbnail in succession, loading the iframes becomes a bit buggy; sometimes the video you click doesn't load, and sometimes (no idea why!) a different video loads.
When clicking a different thumbnail, currently-playing videos keep on loading.
Is there a more elegant/robust way of doing this? It's a pretty simple function but I can't seem to work out a better way to make this work.
You need to hide the previous video frame before toggling the new one. See updated example : http://jsfiddle.net/ampersand/YX8pQ/8/
I've created a vidframe class on each iframe. This is used in the css as well as in the jQuery selector.
I know you want to solve the problems you have with your video player, but in case you rethink it, you could use flowplayer, it's awesome, and has streaming also :)