Light

timroesner / trvideoview Goto Github PK

View Code? Open in Web Editor NEW

36.0 1.0 4.0 56 KB

📺 Simple drop in WebView for embedded videos from YouTube and Vimeo

License: MIT License

Objective-C 4.49% Swift 87.27% Ruby 8.24%

wkwebview youtube vimeo cocoapods ios uikit embed-videos iframe

trvideoview's Introduction

TRVideoView

This is a simple drop in WKWebView for embedded videos from YouTube and vimeo.

Features

Provide a text and get back a WKWebView
Check if text has links
Return string without links
Resize WebView

Requierments

iOS 10.0
Swift 5.0
Xcode 11

Installation

CocoaPods

To integrate this into your Xcode project using CocoaPods, add it to your Podfile:

pod 'TRVideoView'

Then, run the following command:

$ pod install

Usage

// Initialize  
let video = TRVideoView(text: "This is some sample text with a YouTube link https://www.youtube.com/watch?v=QPAloq5MCUA")

// Or to play inline, initialize as
let video = TRVideoView(text: "This is some sample text with a YouTube link https://www.youtube.com/watch?v=QPAloq5MCUA", allowInlinePlayback: true)

// Set the frame as always, or use AutoLayout
video.frame = CGRect(x: 0, y: 0, width: 300, height: 150)

// Returns true or false (checks for YouTube and Vimeo urls)
video.containsURLs()

// Returns String with out URLs (i.e. "This is some sample text with a YouTube link")
let text = video.textWithoutURLs()

// Finally add it to your view
self.view.addSubview(video)

Notes on links

For YouTube either https://youtu.be/QPAloq5MCUA or https://www.youtube.com/watch?v=QPAloq5MCUA works.
For Vimeo use https://vimeo.com/86033976
If other parameters are also included in the link it does not matter, they are sorted out.

Contributing

Want to see other video services supported? You can open an issue and I will see what I can do.
If you would like to fork this project and add more features, go ahead and make a PR, I'm happy about your contributions.

trvideoview's People

Contributors

Stargazers

Watchers

Forkers

juandegdo glitch182 kanhiyabagda xaosbear

trvideoview's Issues

How to fb video load ?

Only Simulator work this lib not build in device how to solve ?

custom play button

Hello there,

First please forgive my ignorance, however I implemented TRVideoView in my project and what I do is I created a thumbnail view which covers the TRVideoView and inside that thumbnail view I added a custom button, the current behaviour im looking for, is when a user clicks that custom button, I hide the thumbnail view and start the video

any idea how to do that ?

currently inside the TRVideoView.swift file, iframeForLink function, I added a function called clickVideo

internal func iframeForLink(_ link: String) -> String {
return "<head> <meta name=viewport content='width=device-width, initial-scale=1'><style type='text/css'> body { margin: 0;} </style></head><iframe id=\"video1\" src='\(link)' width='100%' height='100%' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><script>function clickVideo(){ document.getElementById(\"video1\").src += \"&autoplay=1\"}</script>"
}

I call it by calling the following code
let _ = webView.evaluateJavaScript("clickVideo()", completionHandler: nil)
where webView is the TRVideoView

It's not working though, any help ?

Thank you so much in advance

Videos always takes over full screen to play

Really like the library and it solves exactly the issue I was having (especially since Google's own library appears to be abandoned). My main question/issue/feature-request is:

On iOS 13 on an iPhone 11, videos load fine but always default to full screen to play back.
I know that it's possible to play inline, but don't see any parameters in your wrapper class to specify "don't default to full screen"
My question, then, is:
Is this ability implemented but not documented, is this possible and I should write it and PR it, or is this not possible given how this library is implemented?

screenshots

Hi.. can we get video playtime ?

Player not working

I checked recently TRVideoView not working with youtube url (Url play on web) even i have copied url from web and pass directly but didn't work.
[https://www.youtube.com/watch?v=2DDk-1aLnm4&feature=youtu.be]
No error log .

After finishing video I'm getting More video option, how to remove that ?

I don't want to get more from user option when video is finished. It keep coming, any idea what i need to change in HTML ?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.